<!DOCTYPE html>
<html>

<head>
    <title>图鉴</title>
    <meta charset="UTF-8">
    <meta name="viewport" id="viewport" content="width=device-width">
    <link rel="shortcut icon" href="favicon.ico?v=1" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="css/style.min.css?v=7" />
    <script type="text/javascript" src="js/script.min.js?v=21"></script>
    <script type="text/javascript" src="js/common.min.js?v=69"></script>
    <link rel="stylesheet" type="text/css" href="css/food.min.css?v=71" />
    <script type="text/javascript" src="js/food.js?v=224"></script>
    <link rel="stylesheet" type="text/css" href="css/image.css?v=169" />
    <script>
        $(document).ready(function() {
            // 确保页面完全加载后再开始
            console.log('页面DOM加载完成，开始初始化...');
            
            // 使用当前时间戳避免缓存
            var timestamp = new Date().getTime();
            console.log('开始加载数据，时间戳:', timestamp);
            
            // 设置超时机制，防止无限等待
            var loadingTimeout = setTimeout(function() {
                console.warn('加载超时，强制使用本地数据');
                $(".loading-text h1").html("加载超时，使用本地数据...");
                loadLocalData();
            }, 10000); // 10秒超时
            
            // 先尝试网络接口，快速失败后降级到本地文件
            function loadData() {
                console.log('尝试加载网络数据...');
                
                $.ajax({
                    cache: true, // 使用手动时间戳，不需要jQuery自动添加
                    xhr: function () {
                        var xhr = $.ajaxSettings.xhr();
                        xhr.addEventListener("progress", function (e) {
                            var total = 1676843;
                            if (e.lengthComputable) {
                                total = e.total;
                            }
                            var percent = Math.min(100, Math.floor((e.loaded / total) * 100));
                            $("#loading-progress").html(percent + "%");
                        }, false);
                        return xhr;
                    },
                    success: function (json) {
                        clearTimeout(loadingTimeout);
                        console.log('✅ 网络数据加载成功');
                        console.log('数据类型:', typeof json);
                        console.log('数据长度:', JSON.stringify(json).length);
                        console.log('数据结构:', Object.keys(json));
                        $("#loading-progress").remove();
                        // 确保所有依赖加载完成后再执行init
                        setTimeout(function() {
                            try {
                                console.log('检查init函数是否存在:', typeof init);
                                console.log('检查jQuery是否存在:', typeof $);
                                console.log('检查DataTable是否存在:', typeof $.fn.dataTable);
                                
                                if (typeof init === 'function') {
                                    // 检查数据完整性
                                    console.log('检查网络数据完整性...');
                                    console.log('网络数据recipes数量:', json.recipes ? json.recipes.length : '不存在');
                                    console.log('网络数据chefs数量:', json.chefs ? json.chefs.length : '不存在');
                                    console.log('网络数据equips数量:', json.equips ? json.equips.length : '不存在');
                                    
                                    if (!json.recipes || !Array.isArray(json.recipes)) {
                                        throw new Error('网络数据recipes格式错误');
                                    }
                                    if (!json.chefs || !Array.isArray(json.chefs)) {
                                        throw new Error('网络数据chefs格式错误');
                                    }
                                    
                                    // 数据格式转换：兼容网络数据和本地数据的差异
                                    console.log('开始数据格式转换...');
                                    
                                    // 转换厨师数据：ultimateSkillList -> ultimateSkill
                                    if (json.chefs) {
                                        for (var i = 0; i < json.chefs.length; i++) {
                                            var chef = json.chefs[i];
                                            // 如果有ultimateSkillList但没有ultimateSkill，进行转换
                                            if (chef.ultimateSkillList && !chef.ultimateSkill) {
                                                chef.ultimateSkill = chef.ultimateSkillList;
                                                console.log('转换厨师', chef.name, 'ultimateSkillList -> ultimateSkill');
                                            }
                                        }
                                    }
                                    
                                    console.log('数据格式转换完成');
                                    
                                    // 尝试执行init，如果失败则使用降级方案
                                    console.log('开始执行init函数（网络数据）...');
                                    init(json);
                                    console.log('✅ 网络数据init函数执行成功');
                                } else {
                                    throw new Error('init函数未定义，可能是JavaScript文件加载失败');
                                }
                            } catch (error) {
                                console.error('❌ 网络数据init执行失败:', error);
                                console.log('尝试降级到本地数据...');
                                clearTimeout(loadingTimeout);
                                loadLocalData();
                            }
                        }, 100); // 给其他脚本100ms加载时间
                    },
                    error: function (xhr, status, error) {
                        clearTimeout(loadingTimeout);
                        console.warn('❌ 网络数据加载失败:', status, error);
                        console.log('xhr.status:', xhr.status);
                        console.log('xhr.statusText:', xhr.statusText);
                        console.log('降级到本地数据...');
                        loadLocalData();
                    },
                    timeout: 8000, // 8秒网络请求超时
                    url: 'https://h5.baochaojianghu.com/data/data.min.json?v=' + timestamp,
                });
            }
            
            // 本地数据加载函数
            function loadLocalData() {
                console.log('开始加载本地数据...');
                $(".loading-text h1").html("加载本地数据...");
                
                $.ajax({
                    cache: true,
                    xhr: function () {
                        var xhr = $.ajaxSettings.xhr();
                        xhr.addEventListener("progress", function (e) {
                            var total = 1676843;
                            if (e.lengthComputable) {
                                total = e.total;
                            }
                            var percent = Math.min(100, Math.floor((e.loaded / total) * 100));
                            $("#loading-progress").html(percent + "%");
                        }, false);
                        return xhr;
                    },
                    success: function (json) {
                        console.log('✅ 本地数据加载成功');
                        console.log('本地数据类型:', typeof json);
                        console.log('本地数据长度:', JSON.stringify(json).length);
                        console.log('本地数据结构:', Object.keys(json));
                        $("#loading-progress").remove();
                        
                        setTimeout(function() {
                            try {
                                if (typeof init === 'function') {
                                    // 检查本地数据完整性
                                    console.log('检查本地数据完整性...');
                                    console.log('本地数据recipes数量:', json.recipes ? json.recipes.length : '不存在');
                                    console.log('本地数据chefs数量:', json.chefs ? json.chefs.length : '不存在');
                                    console.log('本地数据equips数量:', json.equips ? json.equips.length : '不存在');
                                    
                                    if (!json.recipes || !Array.isArray(json.recipes)) {
                                        throw new Error('本地数据recipes格式错误');
                                    }
                                    if (!json.chefs || !Array.isArray(json.chefs)) {
                                        throw new Error('本地数据chefs格式错误');
                                    }
                                    
                                    console.log('开始执行init函数（本地数据）...');
                                    init(json);
                                    console.log('✅ 本地数据init函数执行成功');
                                } else {
                                    throw new Error('init函数未定义');
                                }
                            } catch (error) {
                                console.error('❌ 本地数据init执行失败:', error);
                                $(".loading-text h1").html("数据加载失败，请刷新重试");
                                $("#loading-progress").remove();
                            }
                        }, 100);
                    },
                    error: function (xhr, status, error) {
                        console.error('❌ 本地数据加载失败:', status, error);
                        $(".loading-text h1").html("数据加载失败，请检查网络连接或刷新重试");
                        $("#loading-progress").remove();
                    },
                    url: 'data/data.min.json?v=' + timestamp,
                });
            }
            
            // 开始数据加载流程
            loadData();
        });
    </script>
</head>

<body>
    <div class="loading loading-text">
        <h1>加载中...</h1>
        <h4 id="loading-progress"></h4>
    </div>

    <div class="loading loading-bg"></div>

    <div class="alert alert-warning alert-dismissible alert-version hidden" data-id="alert0" data-version="1"
        data-show="false">
        <button type="button" class="close" data-dismiss="alert"><span>&times;关闭</span></button>
    </div>
    <div class="alert alert-info alert-dismissible alert-version hidden" data-id="alert1" data-version="3"
        data-show="false">
        <button type="button" class="close" data-dismiss="alert"><span>&times;关闭</span></button>
        更新内容：简单优化了一下手机版布局
    </div>

    <div class="main-function hidden">
        <button id="mobile-menu-btn" type="button" class="btn btn-default btn-sm" data-toggle="modal"
            data-target="#menu-modal">
            <span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span>
        </button>
        <button id="setting-btn" type="button" class="btn btn-default btn-sm" data-toggle="modal"
            data-target="#setting-modal">
            <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
        </button>
        <div id="desktop-menu">
            <div id="top-menu">
                <div class="main-nav">
                    <ul class="nav nav-tabs">
                        <li class="active">
                            <a href=".pane-recipes" data-toggle="tab">菜谱</a>
                        </li>
                        <li>
                            <a href=".pane-chefs" data-toggle="tab">厨师</a>
                        </li>
                        <li>
                            <a href=".pane-equips" data-toggle="tab">厨具</a>
                        </li>
                        <li>
                            <a href=".pane-ambers" data-toggle="tab">遗玉</a>
                        </li>
                        <li>
                            <a href=".pane-decorations" data-toggle="tab">装修</a>
                        </li>
                        <li>
                            <a href=".pane-materials" data-toggle="tab">采集</a>
                        </li>
                        <li>
                            <a href=".pane-condiments" data-toggle="tab">调料</a>
                        </li>
                        <li>
                            <a href=".pane-quest" data-toggle="tab">任务</a>
                        </li>
                        <li>
                            <a href=".pane-cal" data-toggle="tab">计算器</a>
                        </li>
                        <li>
                            <a href=".pane-export-import" data-toggle="tab">个人</a>
                        </li>
                        <li>
                            <a href=".pane-info" data-toggle="tab">说明</a>
                        </li>
                    </ul>
                </div>
                <div class="tab-content">
                    <div class="tab-pane pane-recipes active">
                        <div class="header-wrapper">
                            <div class="inline-wrapper select-wrapper" data-toggle="tooltip" title="单击一条数据会显示所有非固定列内容">
                                <select id="chk-recipe-show" class="selectpicker" multiple data-width="fit"
                                    data-dropdown-align-right='auto' data-none-selected-text="固定显示列"
                                    data-selected-text-format="static">
                                    <option value='0' selected>展开按钮</option>
                                    <option value='1'>编号</option>
                                    <option value='2'>图</option>
                                    <option value='4' selected>星</option>
                                    <option value='5'>技法</option>
                                    <option value='11'>调料</option>
                                    <option value='12' selected>材料</option>
                                    <option value='13' selected>单价</option>
                                    <option value='14'>熟练加价</option>
                                    <option value='16' selected>单时间</option>
                                    <option value='17' selected>一组</option>
                                    <option value='18'>总价</option>
                                    <option value='19' selected>总时间</option>
                                    <option value='20' selected>金币效率</option>
                                    <option value='21'>耗材料效率</option>
                                    <option value='22'>耗调料效率</option>
                                    <option value='23'>来源</option>
                                    <option value='24'>解锁</option>
                                    <option value='25'>合成</option>
                                    <option value='27' selected>开业贵客</option>
                                    <option value='28' data-subtext="第一次菜品升阶 (升优-升特-升神) 必来的贵客">升阶贵客</option>
                                    <option value='29' data-subtext="第一次做神级菜品时贵客送的符文">神级符文</option>
                                    <option value='30' selected>宴会贵客</option>
                                    <option value='31' data-subtext="个人数据, 该列点击可编辑, 用来记录你当前做到的品阶">品阶</option>
                                    <option value='32' data-subtext="个人数据, 该列点击可编辑, 用来记录你是否已经熟练该菜谱">已熟练</option>
                                    <option value='33' data-subtext="个人数据, 该列点击可编辑, 用来记录你是否已拥有该菜谱">已有</option>
                                </select>
                            </div>
                            <div class="inline-wrapper" data-toggle="tooltip" title="是否使用熟练加成">
                                <input type="checkbox" id="chk-recipe-apply-ex" data-toggle="toggle" data-on="熟练加成开"
                                    data-off="熟练加成关" data-onstyle="default" data-width="105px" checked>
                            </div>
                            <div class="inline-wrapper recipe-apply-ex" data-toggle="tooltip" title="使用已熟练或者全熟练加成">
                                <input type="checkbox" id="chk-recipe-apply-ex-person" data-toggle="toggle"
                                    data-on="已熟练" data-off="全熟练" data-onstyle="default" data-width="80px" checked>
                            </div>
                            <div class="inline-wrapper hidden">
                                <a id="btn-recipe-recal" class="btn btn-danger" data-toggle="tooltip"
                                    title="可在已熟练列全部改完后, 再点击该按钮来重新计算数据">
                                    重新计算
                                </a>
                            </div>
                            <div id="select-partial-ultimate-recipe" class="inline-wrapper">
                                <div id="select-partial-ultimate"
                                    class="inline-wrapper select-wrapper chef-apply-ultimate" data-toggle="tooltip"
                                    title="选择后所有厨师会得到额外加成">
                                    <select id="chk-chef-partial-ultimate" multiple class="monitor-none"
                                        data-width="170px" data-dropdown-align-right='auto' data-live-search="true"
                                        data-live-search-placeholder="查找" data-none-results-text="没有找到"
                                        data-none-selected-text="额外使用上场类技能" data-selected-text-format="count>2"
                                        data-count-selected-text="{0} 额外上场类技能" data-actions-box="true"
                                        data-actions-box-only-clear="true" data-deselect-all-text="清空"></select>
                                </div>
                            </div>
                        </div>
                        <div class="header-wrapper">
                            <div class="inline-wrapper select-wrapper" data-toggle="tooltip" title="选择星级,过滤菜谱">
                                <select id="chk-recipe-rarity" multiple class="selectpicker monitor-none"
                                    data-width="120px" data-dropdown-align-right='auto' data-none-selected-text="选择星级"
                                    data-selected-text-format="count>3" data-count-selected-text="{0} 星级"
                                    data-actions-box="true" data-actions-box-only-clear="true"
                                    data-deselect-all-text="清空">
                                    <option value="1">1星</option>
                                    <option value="2">2星</option>
                                    <option value="3">3星</option>
                                    <option value="4">4星</option>
                                    <option value="5">5星</option>
                                </select>
                            </div>
                            <div class="input-group">
                                <div class="inline-wrapper select-wrapper input-group-first" data-toggle="tooltip"
                                    title="选择技法,过滤菜谱">
                                    <select id="chk-recipe-skill" multiple class="selectpicker monitor-none"
                                        data-width="120px" data-dropdown-align-right='auto'
                                        data-none-selected-text="选择技法" data-selected-text-format="count>4"
                                        data-count-selected-text="{0} 技法" data-actions-box="true"
                                        data-actions-box-only-clear="true" data-deselect-all-text="清空">
                                        <option value="stirfry">炒</option>
                                        <option value="boil">煮</option>
                                        <option value="knife">切</option>
                                        <option value="fry">炸</option>
                                        <option value="bake">烤</option>
                                        <option value="steam">蒸</option>
                                    </select>
                                </div>
                                <span class="input-group-btn input-group-last">
                                    <label class="btn btn-default">
                                        <input type="checkbox" id="chk-recipe-multiple-skill" class="monitor-none">
                                        <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                        同时
                                    </label>
                                </span>
                            </div>
                            <div class="input-group">
                                <div class="inline-wrapper select-wrapper input-group-first" data-toggle="tooltip"
                                    title="选择类型,过滤菜谱">
                                    <select id="chk-recipe-category" multiple class="selectpicker monitor-none"
                                        data-width="120px" data-dropdown-align-right='auto'
                                        data-none-selected-text="选择类型" data-selected-text-format="count>2"
                                        data-count-selected-text="{0} 类型" data-actions-box="true"
                                        data-actions-box-only-clear="true" data-deselect-all-text="清空">
                                        <option value="veg">蔬菜</option>
                                        <option value="meat">肉类</option>
                                        <option value="creation">面类</option>
                                        <option value="fish">水产</option>
                                    </select>
                                </div>
                                <span class="input-group-btn input-group-last">
                                    <label class="btn btn-default">
                                        <input type="checkbox" id="chk-recipe-multiple-category" class="monitor-none">
                                        <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                        同时
                                    </label>
                                </span>
                            </div>
                            <div class="inline-wrapper select-wrapper" data-toggle="tooltip" title="选择调料,过滤菜谱">
                                <select id="chk-recipe-condiment" multiple class="selectpicker monitor-none"
                                    data-width="100px" data-dropdown-align-right='auto' data-none-selected-text="选择调料"
                                    data-selected-text-format="count>3" data-count-selected-text="{0} 调料"
                                    data-actions-box="true" data-actions-box-only-clear="true"
                                    data-deselect-all-text="清空">
                                    <option value="Sweet">甜</option>
                                    <option value="Sour">酸</option>
                                    <option value="Spicy">辣</option>
                                    <option value="Salty">咸</option>
                                    <option value="Bitter">苦</option>
                                    <option value="Tasty">鲜</option>
                                </select>
                            </div>
                            <input type="number" id="input-recipe-price" placeholder="单价大于"
                                class="form-control monitor-none" data-toggle="tooltip" title="填入单价,过滤菜谱">
                            <label class="btn btn-default" data-toggle="tooltip" title="只显示后厨可用于合成的菜谱">
                                <input type="checkbox" id="chk-recipe-combo" class="monitor-none">
                                <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                可合成
                            </label>
                            <label class="btn btn-default" data-toggle="tooltip" title="只显示未熟练的菜">
                                <input type="checkbox" id="chk-recipe-ex-no" class="monitor-none">
                                <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                未熟练
                            </label>
                            <label class="btn btn-default" data-toggle="tooltip" title="只显示你已有的菜谱">
                                <input type="checkbox" id="chk-recipe-got" class="monitor-none">
                                <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                已有
                            </label>
                            <label class="btn btn-default btn-info hidden">
                                <input type="checkbox" id="chk-recipe-no-origin" class="monitor-none" checked>
                                <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                未出
                            </label>
                            <div class="input-group">
                                <div class="inline-wrapper select-wrapper input-group-first" data-toggle="tooltip"
                                    title="显示食材的消耗效率, 并过滤菜谱">
                                    <select id="chk-recipe-show-material" multiple class="monitor-none"
                                        data-live-search="true" data-live-search-placeholder="查找" data-width="135px"
                                        data-dropdown-align-right='auto' data-none-selected-text="耗材效率"
                                        data-selected-text-format="count>2" data-count-selected-text="{0} 食材"
                                        data-none-results-text="没有找到" data-actions-box="true"
                                        data-actions-box-only-clear="true" data-deselect-all-text="清空"></select>
                                </div>
                                <span class="input-group-btn input-group-last">
                                    <label class="btn btn-default">
                                        <input type="checkbox" id="chk-recipe-multiple-material" class="monitor-none">
                                        <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                        同时
                                    </label>
                                </span>
                            </div>
                            <div class="input-group">
                                <div class="inline-wrapper select-wrapper input-group-first" data-toggle="tooltip"
                                    title="选择开业贵客,过滤菜谱">
                                    <select id="chk-recipe-guest" multiple class="monitor-none" data-live-search="true"
                                        data-live-search-placeholder="查找" data-width="125px"
                                        data-dropdown-align-right='auto' data-none-selected-text="选择开业贵客"
                                        data-selected-text-format="count" data-count-selected-text="{0} 开业贵客"
                                        data-none-results-text="没有找到" data-actions-box="true"
                                        data-select-all-text="全选" data-deselect-all-text="清空"></select>
                                </div>
                                <span class="input-group-btn input-group-mid">
                                    <label class="btn btn-default" data-toggle="tooltip" title="包含升阶贵客">
                                        <input type="checkbox" id="chk-recipe-rank-guest" checked>
                                        <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                        升阶贵客
                                    </label>
                                </span>
                                <span class="input-group-btn input-group-last">
                                    <label class="btn btn-default" data-toggle="tooltip" data-placement="bottom"
                                        title="根据你的菜谱品阶, 只显示可用的升阶贵客">
                                        <input type="checkbox" id="chk-recipe-filter-guest" checked>
                                        <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                        可用
                                    </label>
                                </span>
                            </div>
                            <div class="input-group">
                                <div class="inline-wrapper select-wrapper input-group-first" data-toggle="tooltip"
                                    title="选择符文,过滤菜谱">
                                    <select id="chk-recipe-antique" multiple class="monitor-none"
                                        data-live-search="true" data-live-search-placeholder="查找" data-width="110px"
                                        data-dropdown-align-right='auto' data-none-selected-text="选择符文"
                                        data-selected-text-format="count" data-count-selected-text="{0} 符文"
                                        data-none-results-text="没有找到" data-actions-box="true" data-select-all-text="全选"
                                        data-deselect-all-text="清空">
                                        <option value="恐怖利刃">恐怖利刃</option>
                                        <option value="鼓风机">鼓风机</option>
                                        <option value="蒸馏杯">蒸馏杯</option>
                                        <option value="千年煮鳖">千年煮鳖</option>
                                        <option value="香烤鱼排">香烤鱼排</option>
                                        <option value="五星炒果">五星炒果</option>
                                        <option value="刀嘴鹦鹉">刀嘴鹦鹉</option>
                                        <option value="一昧真火">一昧真火</option>
                                        <option value="蒸汽宝石">蒸汽宝石</option>
                                        <option value="耐煮的水草">耐煮的水草</option>
                                        <option value="焦虫">焦虫</option>
                                        <option value="暖石">暖石</option>
                                        <option value="剪刀蟹">剪刀蟹</option>
                                        <option value="油火虫">油火虫</option>
                                        <option value="蒸汽耳环">蒸汽耳环</option>
                                        <option value="防水的柠檬">防水的柠檬</option>
                                        <option value="烤焦的菊花">烤焦的菊花</option>
                                        <option value="五香果">五香果</option>
                                    </select>
                                </div>
                                <span class="input-group-btn input-group-mid">
                                    <label class="btn btn-default" data-toggle="tooltip" title="包含神级符文">
                                        <input type="checkbox" id="chk-recipe-rank-antique">
                                        <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                        神级符文
                                    </label>
                                </span>
                                <span class="input-group-btn input-group-last">
                                    <label class="btn btn-default" data-toggle="tooltip" data-placement="bottom"
                                        title="根据你的菜谱品阶, 只显示可用的神级符文">
                                        <input type="checkbox" id="chk-recipe-filter-antique" checked>
                                        <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                        可用
                                    </label>
                                </span>
                            </div>
                            <div class="inline-wrapper select-wrapper" data-toggle="tooltip" title="选择宴会贵客,过滤菜谱">
                                <select id="chk-recipe-invitation-guest" multiple class="monitor-none"
                                    data-live-search="true" data-live-search-placeholder="查找" data-width="125px"
                                    data-dropdown-align-right='auto' data-none-selected-text="选择宴会贵客"
                                    data-selected-text-format="count" data-count-selected-text="{0} 宴会贵客"
                                    data-none-results-text="没有找到" data-actions-box="true" data-select-all-text="全选"
                                    data-deselect-all-text="清空"></select>
                            </div>
                            <div class="inline-wrapper select-wrapper" data-toggle="tooltip" title="选择遗玉,过滤菜谱">
                                <select id="chk-recipe-amber" multiple class="monitor-none" data-live-search="true"
                                    data-live-search-placeholder="查找" data-width="110px"
                                    data-dropdown-align-right='auto' data-none-selected-text="选择遗玉"
                                    data-selected-text-format="count" data-count-selected-text="{0} 遗玉"
                                    data-none-results-text="没有找到" data-actions-box="true" data-select-all-text="全选"
                                    data-deselect-all-text="清空">
                                    <option value="太初赤玉">太初赤玉</option>
                                    <option value="太初青玉">太初青玉</option>
                                    <option value="太初碧玉">太初碧玉</option>
                                </select>
                            </div>
                            <div class="input-group">
                                <div class="inline-wrapper select-wrapper input-group-first" data-toggle="tooltip"
                                    title="显示厨师可做的品阶以及效率">
                                    <select id="chk-recipe-show-chef" multiple class="monitor-none" data-width="130px"
                                        data-live-search="true" data-live-search-placeholder="查找"
                                        data-dropdown-align-right='auto' data-none-selected-text="选择厨师"
                                        data-selected-text-format="count" data-count-selected-text="{0} 厨师"
                                        data-none-results-text="没有找到" data-actions-box="true"
                                        data-actions-box-only-clear="true" data-deselect-all-text="清空"></select>
                                </div>
                                <span class="input-group-btn input-group-last select-wrapper" data-toggle="tooltip"
                                    title="过滤修炼菜谱 一个厨师时有效">
                                    <select id="select-recipe-chef-quest" class="selectpicker monitor-none"
                                        data-width="125px" data-dropdown-align-right='auto'
                                        data-none-selected-text="选择修炼任务">
                                        <option value="" selected></option>
                                    </select>
                                </span>
                            </div>
                            <div class="inline-wrapper select-wrapper" data-toggle="tooltip" title="选择任务, 过滤菜谱">
                                <select id="select-recipe-quest" multiple class="monitor-none" data-live-search="true"
                                    data-live-search-placeholder="查找" data-width="120px"
                                    data-dropdown-align-right='auto' data-none-selected-text="选择任务"
                                    data-selected-text-format="count" data-count-selected-text="{0} 任务"
                                    data-none-results-text="没有找到" data-actions-box="true"
                                    data-actions-box-only-clear="true" data-deselect-all-text="清空">
                                    <optgroup label="主线任务"></optgroup>
                                    <optgroup label="旧支线任务"></optgroup>
                                    <optgroup label="新支线任务"></optgroup>
                                </select>
                            </div>
                            <a id="btn-recipe-reset" class="btn btn-default" data-toggle="tooltip" title="清空所有选择">
                                清空所有
                            </a>
                        </div>
                        <div class="warning-info">
                            <span class="quest-warning hidden"></span>
                        </div>
                    </div>
                    <div class="tab-pane pane-chefs">
                        <div class="header-wrapper">
                            <div class="inline-wrapper select-wrapper" data-toggle="tooltip" title="单击一条数据会显示所有非固定列内容">
                                <select id="chk-chef-show" class="selectpicker" multiple data-width="fit"
                                    data-dropdown-align-right='auto' data-none-selected-text="固定显示列"
                                    data-selected-text-format="static">
                                    <option value='0' selected>展开按钮</option>
                                    <option value='1'>编号</option>
                                    <option value='2'>图</option>
                                    <option value='4' selected>星</option>
                                    <option value='5' selected>技法</option>
                                    <option value='11' selected>技能</option>
                                    <option value='12' selected>采集</option>
                                    <option value='16'>性别</option>
                                    <option value='17'>调料</option>
                                    <option value='23'>来源</option>
                                    <option value='25' data-subtext="个人数据, 该列点击可编辑, 用来记录你该厨师佩戴的遗玉">遗玉</option>
                                    <option value='26' data-subtext="个人数据, 该列点击可编辑, 用来记录你该厨师佩戴的厨具">厨具</option>
                                    <option value='27'>修炼任务</option>
                                    <option value='28' selected>修炼技能</option>
                                    <option value='29' data-subtext="个人数据, 该列点击可编辑, 用来记录你是否已修炼该厨师">已修炼</option>
                                    <option value='30' data-subtext="个人数据, 该列点击可编辑, 用来记录你是否已拥有该厨师">已有</option>
                                </select>
                            </div>
                            <div class="inline-wrapper" data-toggle="tooltip" title="是否使用厨具加成">
                                <input type="checkbox" id="chk-chef-apply-equips" data-toggle="toggle" data-on="厨具加成开"
                                    data-off="厨具加成关" data-onstyle="default" data-width="105px" checked>
                            </div>
                            <div class="inline-wrapper" data-toggle="tooltip" title="是否使用修炼加成">
                                <input type="checkbox" id="chk-chef-apply-ultimate" data-toggle="toggle" data-on="修炼加成开"
                                    data-off="修炼加成关" data-onstyle="default" data-width="105px" checked>
                            </div>
                            <div class="inline-wrapper chef-apply-ultimate" data-toggle="tooltip" title="使用已修炼或者全修炼加成">
                                <input type="checkbox" id="chk-chef-apply-ultimate-person" data-toggle="toggle"
                                    data-on="已修炼" data-off="全修炼" data-onstyle="default" data-width="80px" checked>
                            </div>
                            <div class="inline-wrapper hidden" data-toggle="tooltip"
                                title="可在已修炼/厨具列全部改完后, 再点击该按钮来重新计算数据">
                                <a id="btn-chef-recal" class="btn btn-danger">
                                    重新计算
                                </a>
                            </div>
                            <div id="select-partial-ultimate-chef" class="inline-wrapper"></div>
                        </div>
                        <div class="header-wrapper">
                            <div class="inline-wrapper select-wrapper" data-toggle="tooltip" title="选择星级,过滤厨师">
                                <select id="chk-chef-rarity" multiple class="selectpicker monitor-none"
                                    data-width="120px" data-dropdown-align-right='auto' data-none-selected-text="选择星级"
                                    data-selected-text-format="count>3" data-count-selected-text="{0} 星级"
                                    data-actions-box="true" data-actions-box-only-clear="true"
                                    data-deselect-all-text="清空">
                                    <option value="1">1星</option>
                                    <option value="2">2星</option>
                                    <option value="3">3星</option>
                                    <option value="4">4星</option>
                                    <option value="5">5星</option>
                                </select>
                            </div>
                            <div class="inline-wrapper select-wrapper" data-toggle="tooltip" title="选择性别,过滤厨师">
                                <select id="chk-chef-gender" multiple class="selectpicker monitor-none"
                                    data-width="110px" data-dropdown-align-right='auto' data-none-selected-text="选择性别"
                                    data-actions-box="true" data-actions-box-only-clear="true"
                                    data-deselect-all-text="清空">
                                    <option value="男">男</option>
                                    <option value="女">女</option>
                                </select>
                            </div>
                            <div class="input-group">
                                <div class="inline-wrapper select-wrapper" data-toggle="tooltip" title="选择类型,过滤厨师">
                                    <select id="chk-chef-category" multiple class="selectpicker monitor-none"
                                        data-width="120px" data-dropdown-align-right='auto'
                                        data-none-selected-text="选择类型" data-selected-text-format="count"
                                        data-count-selected-text="{0} 类型" data-actions-box="true"
                                        data-actions-box-only-clear="true" data-deselect-all-text="清空">
                                        <option value="GuestApearRate">贵客概率</option>
                                        <option value="GuestDropCount">贵客赠礼</option>
                                        <option value="OpenTime">减时间</option>
                                        <option value="Material_Gain">加全素材</option>
                                        <option value="InvitationApearRate">江湖帖概率</option>
                                        <option value="Global">基修</option>
                                        <option value="Partial,Next+Steam,Stirfry,Fry,Knife,Bake">技法光环</option>
                                        <option value="Partial,Next+UseSteam,UseStirfry,UseFry,UseKnife,UseBake,
                                        BasicPrice,BasicPriceUseSteam,BasicPriceUseStirfry,BasicPriceUseFry,BasicPriceUseKnife,BasicPriceUseBake,CookbookPrice">售价光环</option>

                                    </select>
                                </div>
                                <span class="input-group-btn input-group-last">
                                    <label class="btn btn-default" data-toggle="tooltip" title="含遗玉厨具技能">
                                        <input type="checkbox" id="chk-chef-category-equip-amber">
                                        <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                        含遗玉厨具
                                    </label>
                                </span>
                            </div>
                            <div class="inline-wrapper select-wrapper" data-toggle="tooltip" title="选择调料,过滤厨师">
                                <select id="chk-chef-condiment" multiple class="selectpicker monitor-none"
                                    data-width="100px" data-dropdown-align-right='auto' data-none-selected-text="选择调料"
                                    data-selected-text-format="count>3" data-count-selected-text="{0} 调料"
                                    data-actions-box="true" data-actions-box-only-clear="true"
                                    data-deselect-all-text="清空">
                                    <option value="sweet">甜</option>
                                    <option value="sour">酸</option>
                                    <option value="spicy">辣</option>
                                    <option value="salty">咸</option>
                                    <option value="bitter">苦</option>
                                    <option value="tasty">鲜</option>
                                </select>
                            </div>
                            <div class="input-group">
                                <div class="select-wrapper input-group-first" data-toggle="tooltip" title="选择槽位,过滤厨师">
                                    <select id="chk-chef-disk" multiple class="selectpicker monitor-none"
                                        data-width="80px" data-dropdown-align-right='auto' data-none-selected-text="槽位"
                                        data-selected-text-format="count>1" data-count-selected-text="{0} 槽位"
                                        data-actions-box="true" data-actions-box-only-clear="true"
                                        data-deselect-all-text="清空">
                                        <option value="" class="hidden"></option>
                                        <option value="1_1">1 红</option>
                                        <option value="1_2">2 红</option>
                                        <option value="1_3">3 红</option>
                                        <option value="2_1">1 绿</option>
                                        <option value="2_2">2 绿</option>
                                        <option value="2_3">3 绿</option>
                                        <option value="3_1">1 蓝</option>
                                        <option value="3_2">2 蓝</option>
                                        <option value="3_3">3 蓝</option>
                                    </select>
                                </div>
                                <span class="input-group-btn input-group-last">
                                    <label class="btn btn-default">
                                        <input type="checkbox" id="chk-chef-multiple-disk" class="monitor-none">
                                        <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                        同时
                                    </label>
                                </span>
                            </div>
                            <div class="inline-wrapper select-wrapper" data-toggle="tooltip" title="选择遗玉,过滤厨师">
                                <select id="chk-chef-amber" multiple class="monitor-none" data-width="100px"
                                    data-live-search="true" data-live-search-placeholder="查找"
                                    data-dropdown-align-right='auto' data-none-selected-text="选择遗玉"
                                    data-selected-text-format="count>1" data-count-selected-text="{0} 遗玉"
                                    data-none-results-text="没有找到" data-actions-box="true"
                                    data-select-all-text="全选" data-deselect-all-text="清空">
                                </select>
                            </div>
                            <div class="inline-wrapper select-wrapper" data-toggle="tooltip" title="选择厨具,过滤厨师">
                                <select id="chk-chef-equip" multiple class="monitor-none" data-width="125px"
                                    data-live-search="true" data-live-search-placeholder="查找"
                                    data-dropdown-align-right='auto' data-none-selected-text="选择厨具"
                                    data-selected-text-format="count>1" data-count-selected-text="{0} 厨具"
                                    data-none-results-text="没有找到" data-actions-box="true"
                                    data-select-all-text="全选" data-deselect-all-text="清空">
                                </select>
                            </div>
                            <label class="btn btn-default" data-toggle="tooltip" title="只显示未修炼的厨师">
                                <input type="checkbox" id="chk-chef-ultimate-no" class="monitor-none">
                                <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                未修炼
                            </label>
                            <label class="btn btn-default" data-toggle="tooltip" title="只显示你已有的厨师">
                                <input type="checkbox" id="chk-chef-got" class="monitor-none">
                                <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                已有
                            </label>
                            <label class="btn btn-default btn-info hidden">
                                <input type="checkbox" id="chk-chef-no-origin" class="monitor-none" checked>
                                <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                未出
                            </label>
                            <div class="input-group">
                                <div class="inline-wrapper select-wrapper input-group-first" data-toggle="tooltip"
                                    title="显示厨师可做的品阶以及效率">
                                    <select id="chk-chef-show-recipe" multiple class="monitor-none"
                                        data-live-search="true" data-live-search-placeholder="查找" data-width="150px"
                                        data-dropdown-align-right='auto' data-none-selected-text="选择菜谱"
                                        data-selected-text-format="count" data-count-selected-text="{0} 菜谱"
                                        data-none-results-text="没有找到" data-actions-box="true"
                                        data-actions-box-only-clear="true" data-deselect-all-text="清空"></select>
                                </div>
                                <div class="inline-wrapper select-wrapper input-group-last">
                                    <select id="chk-chef-show-skill-diff" class="selectpicker" data-width="125px"
                                        data-dropdown-align-right='auto'>
                                        <option value="0">不显示能力差</option>
                                        <option value="5">传级能力差</option>
                                        <option value="4">神级能力差</option>
                                        <option value="3">特级能力差</option>
                                        <option value="2">优级能力差</option>
                                    </select>
                                </div>
                            </div>
                            <a id="btn-chef-reset" class="btn btn-default" data-toggle="tooltip" title="清空所有选择">
                                清空所有
                            </a>
                        </div>
                    </div>
                    <div class="tab-pane pane-equips">
                        <div class="header-wrapper">
                            <div class="inline-wrapper select-wrapper" data-toggle="tooltip" title="单击一条数据会显示所有非固定列内容">
                                <select id="chk-equip-show" class="selectpicker" multiple data-width="fit"
                                    data-dropdown-align-right='auto' data-none-selected-text="固定显示列"
                                    data-selected-text-format="static">
                                    <option value='0' selected>展开按钮</option>
                                    <option value='1'>编号</option>
                                    <option value='2'>图</option>
                                    <option value='4' selected>星</option>
                                    <option value='5' selected>技能</option>
                                    <option value='6' selected>来源</option>
                                </select>
                            </div>
                            <div class="input-group">
                                <div class="inline-wrapper select-wrapper input-group-first" data-toggle="tooltip"
                                    title="选择类型,过滤厨具">
                                    <select id="chk-equip-skill" multiple class="monitor-none" data-width="150px"
                                        data-live-search="true" data-live-search-placeholder="查找"
                                        data-none-results-text="没有找到" data-dropdown-align-right='auto'
                                        data-none-selected-text="选择类型" data-selected-text-format="count"
                                        data-count-selected-text="{0} 类型" data-actions-box="true"
                                        data-actions-box-only-clear="true" data-deselect-all-text="清空">
                                        <option value="UseStirfry">炒类售价</option>
                                        <option value="UseBoil">煮类售价</option>
                                        <option value="UseKnife">切类售价</option>
                                        <option value="UseFry">炸类售价</option>
                                        <option value="UseBake">烤类售价</option>
                                        <option value="UseSteam">蒸类售价</option>
                                        <option value="UseMeat">肉类售价</option>
                                        <option value="UseCreation">面类售价</option>
                                        <option value="UseVegetable">蔬菜售价</option>
                                        <option value="UseFish">水产售价</option>
                                        <option value="Gold_Gain">金币获得</option>
                                        <option value="Stirfry">炒技法</option>
                                        <option value="Boil">煮技法</option>
                                        <option value="Knife">切技法</option>
                                        <option value="Fry">炸技法</option>
                                        <option value="Bake">烤技法</option>
                                        <option value="Steam">蒸技法</option>
                                        <option value="Stirfry,Boil,Knife,Fry,Bake,Steam">全技法</option>
                                        <option value="GuestApearRate">贵客概率</option>
                                        <option value="GuestDropCount">贵客赠礼</option>
                                        <option value="OpenTime">开业时间</option>
                                        <option value="Material_Gain">素材获得</option>
                                        <option value="Meat">肉类采集</option>
                                        <option value="Creation">面类采集</option>
                                        <option value="Vegetable">蔬菜采集</option>
                                        <option value="Fish">水产采集</option>
                                        <option value="Meat,Creation,Vegetable,Fish">全采集</option>
                                        <option value="Sweet">甜技法</option>
                                        <option value="Sour">酸技法</option>
                                        <option value="Spicy">辣技法</option>
                                        <option value="Salty">咸技法</option>
                                        <option value="Bitter">苦技法</option>
                                        <option value="Tasty">鲜技法</option>
                                        <option value="UseSweet">甜类售价</option>
                                        <option value="UseSour">酸类售价</option>
                                        <option value="UseSpicy">辣类售价</option>
                                        <option value="UseSalty">咸类售价</option>
                                        <option value="UseBitter">苦类售价</option>
                                        <option value="UseTasty">鲜类售价</option>
                                    </select>
                                </div>
                                <span class="input-group-btn input-group-last">
                                    <label class="btn btn-default">
                                        <input type="checkbox" id="chk-equip-multiple-skill" class="monitor-none">
                                        <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                        同时
                                    </label>
                                </span>
                            </div>
                            <label class="btn btn-default" data-toggle="tooltip" title="选择一种类型或选择同时时生效">
                                <input type="checkbox" id="chk-equip-filter-negative-skill" class="monitor-none">
                                <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                增益
                            </label>
                            <label class="btn btn-default" data-toggle="tooltip" title="过滤掉全技法厨具">
                                <input type="checkbox" id="chk-equip-filter-all-skill" class="monitor-none">
                                <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                去除全技法
                            </label>
                            <label class="btn btn-default btn-info hidden">
                                <input type="checkbox" id="chk-equip-no-origin" class="monitor-none" checked>
                                <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                未出
                            </label>
                            <a id="btn-equip-reset" class="btn btn-default" data-toggle="tooltip" title="清空所有选择">
                                清空所有
                            </a>
                        </div>
                    </div>
                    <div class="tab-pane pane-ambers">
                        <div class="header-wrapper">
                            <div class="inline-wrapper select-wrapper" data-toggle="tooltip" title="单击一条数据会显示所有非固定列内容">
                                <select id="chk-amber-show" class="selectpicker" multiple data-width="fit"
                                    data-dropdown-align-right='auto' data-none-selected-text="固定显示列"
                                    data-selected-text-format="static">
                                    <option value='0' selected>展开按钮</option>
                                    <option value='1'>编号</option>
                                    <option value='2'>图</option>
                                    <option value='4' selected>星</option>
                                    <option value='5' selected>颜色</option>
                                    <option value='6' selected>技能</option>
                                    <option value='7' selected>详细技能</option>
                                    <option value='8' selected>来源</option>
                                </select>
                            </div>
                            <div class="inline-wrapper select-wrapper input-group-first" data-toggle="tooltip"
                                title="选择来源,过滤遗玉">
                                <select id="chk-amber-origin" multiple class="selectpicker monitor-none"
                                    data-width="120px" data-dropdown-align-right='auto' data-none-selected-text="选择来源"
                                    data-selected-text-format="count" data-count-selected-text="{0} 来源"
                                    data-actions-box="true" data-actions-box-only-clear="true"
                                    data-deselect-all-text="清空">
                                    <option value="太初赤玉">太初赤玉</option>
                                    <option value="太初青玉">太初青玉</option>
                                    <option value="太初碧玉">太初碧玉</option>
                                </select>
                            </div>
                            <div class="inline-wrapper select-wrapper input-group-first" data-toggle="tooltip"
                                title="选择类型,过滤遗玉">
                                <select id="chk-amber-skill" multiple class="monitor-none" data-width="135px"
                                    data-live-search="true" data-live-search-placeholder="查找"
                                    data-none-results-text="没有找到" data-dropdown-align-right='auto'
                                    data-none-selected-text="选择类型" data-selected-text-format="count"
                                    data-count-selected-text="{0} 类型" data-actions-box="true"
                                    data-actions-box-only-clear="true" data-deselect-all-text="清空">
                                    <option value="UseStirfry">炒类售价</option>
                                    <option value="UseBoil">煮类售价</option>
                                    <option value="UseKnife">切类售价</option>
                                    <option value="UseFry">炸类售价</option>
                                    <option value="UseBake">烤类售价</option>
                                    <option value="UseSteam">蒸类售价</option>
                                    <option value="Stirfry">炒技法</option>
                                    <option value="Boil">煮技法</option>
                                    <option value="Knife">切技法</option>
                                    <option value="Fry">炸技法</option>
                                    <option value="Bake">烤技法</option>
                                    <option value="Steam">蒸技法</option>
                                    <option value="GuestApearRate">贵客概率</option>
                                    <option value="InvitationApearRate">江湖帖概率</option>
                                    <option value="Meat">肉类采集</option>
                                    <option value="Creation">面类采集</option>
                                    <option value="Vegetable">蔬菜采集</option>
                                    <option value="Fish">水产采集</option>
                                    <option value="Material_Meat">肉类素材获得</option>
                                    <option value="Material_Creation">面类素材获得</option>
                                    <option value="Material_Vegetable">蔬菜素材获得</option>
                                    <option value="Material_Fish">水产素材获得</option>
                                    <option value="Sweet">甜技法</option>
                                    <option value="Sour">酸技法</option>
                                    <option value="Spicy">辣技法</option>
                                    <option value="Salty">咸技法</option>
                                    <option value="Bitter">苦技法</option>
                                    <option value="Tasty">鲜技法</option>
                                    <option value="UseSweet">甜类售价</option>
                                    <option value="UseSour">酸类售价</option>
                                    <option value="UseSpicy">辣类售价</option>
                                    <option value="UseSalty">咸类售价</option>
                                    <option value="UseBitter">苦类售价</option>
                                    <option value="UseTasty">鲜类售价</option>
                                    <option value="MaxEquipLimit">菜谱上限</option>
                                    <option value="CookbookPrice">料理售价</option>
                                </select>
                            </div>
                            <a id="btn-amber-reset" class="btn btn-default" data-toggle="tooltip" title="清空所有选择">
                                清空所有
                            </a>
                        </div>
                    </div>
                    <div class="tab-pane pane-decorations">
                        <div class="header-wrapper">
                            <div class="inline-wrapper select-wrapper" data-toggle="tooltip" title="单击一条数据会显示所有非固定列内容">
                                <select id="chk-decoration-show" class="selectpicker" multiple data-width="fit"
                                    data-dropdown-align-right='auto' data-none-selected-text="固定显示列"
                                    data-selected-text-format="static">
                                    <option value='1' selected>展开按钮</option>
                                    <option value='2'>编号</option>
                                    <option value='3'>图</option>
                                    <option value='5' selected>收入加成</option>
                                    <option value='6' selected>最小玉璧</option>
                                    <option value='7' selected>最大玉璧</option>
                                    <option value='8' selected>冷却时间</option>
                                    <option value='9'>最小玉璧/天</option>
                                    <option value='10'>最大玉璧/天</option>
                                    <option value='11' selected>平均玉璧/天</option>
                                    <option value='12'>位置</option>
                                    <option value='13' selected>套装</option>
                                    <option value='14' selected>套装加成</option>
                                    <option value='15'>来源</option>
                                </select>
                            </div>
                            <div class="inline-wrapper select-wrapper" data-toggle="tooltip" title="选择类型,过滤装饰">
                                <select id="chk-decoration-position" multiple class="selectpicker monitor-none"
                                    data-width="110px" data-dropdown-align-right='auto' data-none-selected-text="选择位置"
                                    data-selected-text-format="count" data-count-selected-text="{0} 位置"
                                    data-actions-box="true" data-actions-box-only-clear="true"
                                    data-deselect-all-text="清空">
                                    <option value="1大桌">1大桌</option>
                                    <option value="1小桌">1小桌</option>
                                    <option value="2大桌">2大桌</option>
                                    <option value="2小桌">2小桌</option>
                                    <option value="3大桌">3大桌</option>
                                    <option value="3小桌">3小桌</option>
                                    <option value="1窗">1窗</option>
                                    <option value="1装饰">1装饰</option>
                                    <option value="1门">1门</option>
                                    <option value="1灯">1灯</option>
                                    <option value="2装饰">2装饰</option>
                                    <option value="2门">2门</option>
                                    <option value="2窗">2窗</option>
                                    <option value="2屏风">2屏风</option>
                                    <option value="3灯">3灯</option>
                                    <option value="3包间">3包间</option>
                                </select>
                            </div>
                            <div class="select-wrapper">
                                <select id="select-decoration-suit" data-live-search='true' data-width="125px"
                                    data-dropdown-align-right='auto' data-live-search-placeholder='查找'
                                    data-none-results-text='没有找到' data-none-selected-text='选择套装'></select>
                            </div>
                            <a id="btn-decoration-deselect-all" class="btn btn-default">
                                清空选择
                            </a>
                            <label class="btn btn-default btn-info hidden">
                                <input type="checkbox" id="chk-decoration-no-origin" class="monitor-none" checked>
                                <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                未出
                            </label>
                        </div>
                        <div id="decoration-sum"></div>
                    </div>
                    <div class="tab-pane pane-materials"></div>
                    <div class="tab-pane pane-condiments">
                        <div class="header-wrapper">
                            <div class="inline-wrapper select-wrapper" data-toggle="tooltip" title="单击一条数据会显示所有非固定列内容">
                                <select id="chk-condiment-show" class="selectpicker" multiple data-width="fit"
                                    data-dropdown-align-right='auto' data-none-selected-text="固定显示列"
                                    data-selected-text-format="static">
                                    <option value='0' selected>展开按钮</option>
                                    <option value='1'>编号</option>
                                    <option value='2'>图</option>
                                    <option value='4' selected>星</option>
                                    <option value='5' selected>技能</option>
                                    <option value='6' selected>来源</option>
                                </select>
                            </div>
                            <div class="inline-wrapper select-wrapper input-group-first" data-toggle="tooltip"
                                title="选择来源,过滤调料">
                                <select id="chk-condiment-origin" multiple class="selectpicker monitor-none"
                                    data-width="120px" data-dropdown-align-right='auto' data-none-selected-text="选择来源"
                                    data-selected-text-format="count" data-count-selected-text="{0} 来源"
                                    data-actions-box="true" data-actions-box-only-clear="true"
                                    data-deselect-all-text="清空">
                                    <option value="易牙阁">易牙阁</option>
                                    <option value="梵正阁">梵正阁</option>
                                    <option value="膳祖阁">膳祖阁</option>
                                    <option value="彭铿阁">彭铿阁</option>
                                    <option value="伊尹阁">伊尹阁</option>
                                    <option value="庖丁阁">庖丁阁</option>
                                </select>
                            </div>
                            <div class="input-group">
                                <div class="inline-wrapper select-wrapper input-group-first" data-toggle="tooltip"
                                    title="选择类型,过滤调料">
                                    <select id="chk-condiment-skill" multiple class="monitor-none" data-width="135px"
                                        data-live-search="true" data-live-search-placeholder="查找"
                                        data-none-results-text="没有找到" data-dropdown-align-right='auto'
                                        data-none-selected-text="选择类型" data-selected-text-format="count"
                                        data-count-selected-text="{0} 类型" data-actions-box="true"
                                        data-actions-box-only-clear="true" data-deselect-all-text="清空">
                                        <option value="UseStirfry">炒类售价</option>
                                        <option value="UseBoil">煮类售价</option>
                                        <option value="UseKnife">切类售价</option>
                                        <option value="UseFry">炸类售价</option>
                                        <option value="UseBake">烤类售价</option>
                                        <option value="UseSteam">蒸类售价</option>
                                        <option value="UseSweet">甜类售价</option>
                                        <option value="UseSour">酸类售价</option>
                                        <option value="UseSpicy">辣类售价</option>
                                        <option value="UseSalty">咸类售价</option>
                                        <option value="UseBitter">苦类售价</option>
                                        <option value="UseTasty">鲜类售价</option>
                                    </select>
                                </div>
                                <span class="input-group-btn input-group-last">
                                    <label class="btn btn-default">
                                        <input type="checkbox" id="chk-condiment-multiple-skill" class="monitor-none">
                                        <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                        同时
                                    </label>
                                </span>
                            </div>
                            <a id="btn-condiment-reset" class="btn btn-default" data-toggle="tooltip" title="清空所有选择">
                                清空所有
                            </a>
                        </div>
                    </div>
                    <div class="tab-pane pane-quest">
                        <div class="header-wrapper select-wrapper">
                            <select id="select-quest-type" data-live-search="true" data-live-search-placeholder="查找"
                                data-width="170px" data-dropdown-align-right='auto' data-none-results-text="没有找到">
                                <option value='主线任务'>主线任务</option>
                                <option value='旧支线任务'>旧支线任务</option>
                                <option value='新支线任务'>新支线任务</option>
                                <option value='厨师修炼'>厨师修炼</option>
                                <option value='遗玉支线'>遗玉支线</option>
                            </select>
                        </div>
                    </div>
                    <div class="tab-pane pane-export-import"></div>
                    <div class="tab-pane pane-cal">
                        <div class="header-wrapper">
                            <div class="select-wrapper">
                                <select id="select-cal-rule" data-live-search='true' data-width="235px"
                                    data-dropdown-align-right='auto' data-live-search-placeholder='查找'
                                    data-none-results-text='没有找到' data-none-selected-text='选择规则'>
                                    <option value='0'>正常营业</option>
                                    <optgroup label="年兽"></optgroup>
                                    <optgroup label="风云宴"></optgroup>
                                    <optgroup label="江湖帖"></optgroup>
                                    <optgroup label="贤客楼"></optgroup>
                                    <optgroup label="支线任务"></optgroup>
                                </select>
                            </div>
                            <button id="btn-cal-rule-load" class="btn btn-danger" type="button">
                                加载
                            </button>
                            <div class="btn-group cal-menu hidden" data-toggle="buttons">
                                <label class="btn btn-default">
                                    <input type="radio" name="rad-cal-pane-options" data-pane="#pane-cal-settings">配置
                                </label>
                                <label class="btn btn-default active">
                                    <input type="radio" name="rad-cal-pane-options" data-pane=".pane-cal-rules"
                                        checked>自选
                                </label>
                                <label class="btn btn-default">
                                    <input type="radio" name="rad-cal-pane-options" data-pane=".pane-cal-recipes">菜谱
                                </label>
                                <label class="btn btn-default admin-only">
                                    <input type="radio" name="rad-cal-pane-options" data-pane=".pane-cal-chefs">厨师
                                </label>
                                <label class="btn btn-default admin-only">
                                    <input type="radio" name="rad-cal-pane-options" data-pane=".pane-cal-equips">厨具
                                </label>
                                <label class="btn btn-default admin-only">
                                    <input type="radio" name="rad-cal-pane-options" data-pane=".pane-cal-materials">食材
                                </label>
                                <label class="btn btn-default admin-only">
                                    <input type="radio" name="rad-cal-pane-options"
                                        data-pane="#pane-cal-optimal-results">计算
                                </label>
                            </div>
                            <div class="pane-cal-rules pane-cal-sub inline-wrapper hidden">
                                <div class="header-wrapper">
                                    <div class="input-group">
                                        <div class="select-wrapper input-group-first">
                                            <select id="select-cal-custom" class="selectpicker" data-width="100px"
                                                data-dropdown-align-right='auto' data-none-selected-text="选择方案">
                                                <option></option>
                                            </select>
                                        </div>
                                        <span class="input-group-btn input-group-mid">
                                            <a id="btn-cal-custom-load" class="btn btn-default">读取</a>
                                        </span>
                                        <span class="input-group-btn input-group-mid">
                                            <a id="btn-cal-custom-delete" class="btn btn-default">删除</a>
                                        </span>
                                        <span class="input-group-btn">
                                            <a id="btn-cal-custom-save" class="btn btn-default">保存</a>
                                        </span>
                                    </div>
                                    <button id="btn-cal-import-run" class="btn btn-default" type="button">
                                        导入跑分结果
                                    </button>
                                    <label class="btn btn-default" data-toggle="tooltip" title="锁定界面,方便复制">
                                        <input type="checkbox" id="chk-cal-lock" class="monitor-none">
                                        <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                        锁定界面
                                    </label>
                                </div>
                            </div>
                            <div class="pane-cal-rules pane-cal-sub hidden">
                                <div class="header-wrapper">
                                    <button id="btn-cal-clear-custom" class="btn btn-default" type="button">
                                        清空自选
                                    </button>
                                    <div class="inline-wrapper select-wrapper" data-toggle="tooltip" title="菜单显示内容">
                                        <select id="chk-cal-dd-show" class="selectpicker" multiple data-width="fit"
                                            data-dropdown-align-right='auto' data-none-selected-text="菜单显示"
                                            data-selected-text-format="static" data-actions-box="true"
                                            data-select-all-text="全选" data-deselect-all-text="清空">
                                            <optgroup label="厨师菜单">
                                                <option value='chef_rarity'>星</option>
                                                <option value='chef_specialSkill' selected>技能</option>
                                                <option value='chef_ultimate' selected>修炼技能</option>
                                                <option value='chef_origin'>来源</option>
                                            </optgroup>
                                            <optgroup label="遗玉菜单">
                                                <option value='amber_rarity' selected>星</option>
                                                <option value='amber_skill' selected>原始技能</option>
                                                <option value='amber_final' selected>[最终技能]</option>
                                                <option value='amber_origin'>来源</option>
                                            </optgroup>
                                            <optgroup label="厨具菜单">
                                                <option value='equip_rarity' selected>星</option>
                                                <option value='equip_skill' selected>技能</option>
                                                <option value='equip_origin'>来源</option>
                                            </optgroup>
                                            <optgroup label="调料菜单">
                                                <option value='condiment_rarity' selected>星</option>
                                                <option value='condiment_skill' selected>技能</option>
                                                <option value='condiment_origin'>来源</option>
                                            </optgroup>
                                            <optgroup label="菜谱菜单">
                                                <option value='recipe_rank' selected>品阶</option>
                                                <option value='recipe_condiment' selected>调料</option>
                                                <option value='recipe_rarity' selected>星</option>
                                                <option value='recipe_skill' selected>技法</option>
                                                <option value='recipe_material'>材料</option>
                                                <option value='recipe_origin'>来源</option>
                                            </optgroup>
                                        </select>
                                    </div>
                                    <div class="inline-wrapper select-wrapper" data-toggle="tooltip" title="界面显示内容">
                                        <select id="chk-cal-ui-show" class="selectpicker" multiple data-width="fit"
                                            data-dropdown-align-right='auto' data-none-selected-text="界面显示"
                                            data-selected-text-format="static" data-actions-box="true"
                                            data-select-all-text="全选" data-deselect-all-text="清空">
                                            <optgroup label="厨师">
                                                <option value='chef_icon' selected>图</option>
                                                <option value='chef_skill' selected>技法</option>
                                            </optgroup>
                                            <optgroup label="遗玉">
                                                <option value='amber' selected>遗玉界面</option>
                                                <option value='amber_icon' selected>图</option>
                                                <option value='amber_skill' selected>技能</option>
                                            </optgroup>
                                            <optgroup label="厨具">
                                                <option value='equip_icon' selected>图</option>
                                                <option value='equip_skill' selected>技能</option>
                                            </optgroup>
                                            <optgroup label="调料">
                                                <option value='condiment' selected>调料界面</option>
                                                <option value='condiment_icon' selected>图</option>
                                                <option value='condiment_skill' selected>技能</option>
                                            </optgroup>
                                            <optgroup label="菜谱">
                                                <option value='recipe_icon' selected>图</option>
                                                <option value='recipe_time' selected>时间</option>
                                                <option value='recipe_rarity' selected>星</option>
                                                <option value='recipe_skill' selected>技法</option>
                                                <option value='recipe_material' selected>材料</option>
                                                <option value='recipe_add' selected>加成</option>
                                            </optgroup>
                                        </select>
                                    </div>
                                    <label class="btn btn-default" data-toggle="tooltip" title="选择厨师时会自动填入厨师图鉴中该厨师的遗玉">
                                        <input type="checkbox" id="chk-cal-use-amber" checked>
                                        <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                        已配遗玉
                                    </label>
                                    <label class="btn btn-default" data-toggle="tooltip" title="选择厨师时会自动填入厨师图鉴中该厨师的厨具">
                                        <input type="checkbox" id="chk-cal-use-equip" checked>
                                        <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                        已配厨具
                                    </label>
                                    <label class="btn btn-default" data-toggle="tooltip" title="只显示你已有的菜谱和厨师">
                                        <input type="checkbox" id="chk-cal-got" class="monitor-none">
                                        <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                        已有
                                    </label>
                                    <div class="inline-wrapper select-wrapper" data-toggle="tooltip" title="选择星级,过滤菜谱">
                                        <select id="chk-cal-recipe-rarity" multiple class="selectpicker monitor-none"
                                            data-width="100px" data-dropdown-align-right='auto'
                                            data-none-selected-text="菜谱星级" data-selected-text-format="count>2"
                                            data-count-selected-text="{0} 星级" data-actions-box="true"
                                            data-actions-box-only-clear="true" data-deselect-all-text="清空">
                                            <option value="1">1星</option>
                                            <option value="2">2星</option>
                                            <option value="3">3星</option>
                                            <option value="4">4星</option>
                                            <option value="5">5星</option>
                                        </select>
                                    </div>
                                    <div class="input-group">
                                        <div class="inline-wrapper select-wrapper input-group-first"
                                            data-toggle="tooltip" title="选择技法,过滤菜谱">
                                            <select id="chk-cal-recipe-skill" multiple class="selectpicker monitor-none"
                                                data-width="100px" data-dropdown-align-right='auto'
                                                data-none-selected-text="菜谱技法" data-selected-text-format="count>3"
                                                data-count-selected-text="{0} 技法" data-actions-box="true"
                                                data-actions-box-only-clear="true" data-deselect-all-text="清空">
                                                <option value="stirfry">炒</option>
                                                <option value="boil">煮</option>
                                                <option value="knife">切</option>
                                                <option value="fry">炸</option>
                                                <option value="bake">烤</option>
                                                <option value="steam">蒸</option>
                                            </select>
                                        </div>
                                        <span class="input-group-btn input-group-last">
                                            <label class="btn btn-default">
                                                <input type="checkbox" id="chk-cal-recipe-multiple-skill"
                                                    class="monitor-none">
                                                <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                                同时
                                            </label>
                                        </span>
                                    </div>
                                    <div class="inline-wrapper select-wrapper" data-toggle="tooltip" title="选择调料,过滤菜谱">
                                        <select id="chk-cal-recipe-condiment" multiple class="selectpicker monitor-none"
                                            data-width="100px" data-dropdown-align-right='auto'
                                            data-none-selected-text="菜谱调料" data-selected-text-format="count>3"
                                            data-count-selected-text="{0} 调料" data-actions-box="true"
                                            data-actions-box-only-clear="true" data-deselect-all-text="清空">
                                            <option value="Sweet">甜</option>
                                            <option value="Sour">酸</option>
                                            <option value="Spicy">辣</option>
                                            <option value="Salty">咸</option>
                                            <option value="Bitter">苦</option>
                                            <option value="Tasty">鲜</option>
                                        </select>
                                    </div>
                                    <button id="btn-cal-reset-custom" class="btn btn-default" type="button">
                                        清空过滤
                                    </button>
                                </div>
                            </div>
                            <div class="pane-cal-recipes pane-cal-sub hidden">
                                <div class="header-wrapper">
                                    <div class="select-wrapper">
                                        <select id="chk-cal-recipes-show" class="selectpicker" multiple data-width="fit"
                                            data-dropdown-align-right='auto' data-none-selected-text="固定显示列"
                                            data-selected-text-format="static">
                                            <option value='1' selected>展开按钮</option>
                                            <option value='2'>编号</option>
                                            <option value='3'>图</option>
                                            <option value='8'>最大得分</option>
                                            <option value='9'>总时间</option>
                                            <option value='10'>效率</option>
                                            <option value='11'>规则加成</option>
                                            <option value='12'>修炼加成</option>
                                            <option value='13'>装饰加成</option>
                                            <option value='14'>星</option>
                                            <option value='15'>调料</option>
                                            <option value='16'>技法</option>
                                            <option value='22'>材料</option>
                                            <option value='23'>单价</option>
                                            <option value='24'>熟练加价</option>
                                            <option value='25'>单时间</option>
                                            <option value='26'>来源</option>
                                        </select>
                                    </div>
                                    <label class="btn btn-default hidden">
                                        <input id="chk-cal-results-lock-order" type="checkbox">
                                        <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                        锁定排序
                                    </label>
                                    <a id="btn-cal-recipes-select-all" class="btn btn-default hidden">
                                        选择全部菜谱
                                    </a>
                                    <a id="btn-cal-recipes-deselect-all" class="btn btn-default hidden">
                                        删除全部菜谱
                                    </a>
                                </div>
                            </div>
                            <div class="pane-cal-chefs pane-cal-sub hidden">
                                <div class="header-wrapper">
                                    <div class="select-wrapper">
                                        <select id="chk-cal-chefs-show" class="selectpicker" multiple data-width="fit"
                                            data-dropdown-align-right='auto' data-none-selected-text="固定显示列"
                                            data-selected-text-format="static">
                                            <option value='1' selected>展开按钮</option>
                                            <option value='2'>编号</option>
                                            <option value='4' selected>星</option>
                                            <option value='5'>技法</option>
                                            <option value='11' selected>技能</option>
                                            <option value='12' selected>性别</option>
                                            <option value='13'>来源</option>
                                            <option value='14' selected>类别</option>
                                        </select>
                                    </div>
                                    <a id="btn-cal-chefs-select-all" class="btn btn-default">
                                        选择全部厨师
                                    </a>
                                    <a id="btn-cal-chefs-deselect-all" class="btn btn-default">
                                        删除全部厨师
                                    </a>
                                    <div class="inline-wrapper chk-cal-chefs-rarity">
                                        <label class="btn btn-default">
                                            <input type="checkbox" data-rarity="1">
                                            <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                            1星
                                        </label>
                                        <label class="btn btn-default">
                                            <input type="checkbox" data-rarity="2">
                                            <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                            2星
                                        </label>
                                        <label class="btn btn-default">
                                            <input type="checkbox" data-rarity="3">
                                            <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                            3星
                                        </label>
                                        <label class="btn btn-default">
                                            <input type="checkbox" data-rarity="4">
                                            <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                            4星
                                        </label>
                                        <label class="btn btn-default">
                                            <input type="checkbox" data-rarity="5">
                                            <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                            5星
                                        </label>
                                    </div>
                                    <a id="btn-cal-chefs-equip-clear" class="btn btn-default">
                                        清空厨具
                                    </a>
                                    <a id="btn-cal-chefs-export" class="btn btn-default">
                                        导出
                                    </a>
                                </div>
                            </div>
                            <div class="pane-cal-equips pane-cal-sub hidden">
                                <div class="header-wrapper">
                                    <div class="select-wrapper">
                                        <select id="chk-cal-equips-show" class="selectpicker" multiple data-width="fit"
                                            data-dropdown-align-right='auto' data-none-selected-text="固定显示列"
                                            data-selected-text-format="static">
                                            <option value='1' selected>展开按钮</option>
                                            <option value='2'>编号</option>
                                            <option value='4' selected>星</option>
                                            <option value='5' selected>技能</option>
                                            <option value='6' selected>来源</option>
                                        </select>
                                    </div>
                                    <a id="btn-cal-equips-select-all" class="btn btn-default">
                                        选择全部厨具
                                    </a>
                                    <a id="btn-cal-equips-deselect-all" class="btn btn-default">
                                        删除全部厨具
                                    </a>
                                    <div class="inline-wrapper chk-cal-equips-rarity">
                                        <label class="btn btn-default">
                                            <input type="checkbox" data-rarity="1">
                                            <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                            1星
                                        </label>
                                        <label class="btn btn-default">
                                            <input type="checkbox" data-rarity="2">
                                            <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                            2星
                                        </label>
                                        <label class="btn btn-default">
                                            <input type="checkbox" data-rarity="3">
                                            <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                            3星
                                        </label>
                                    </div>
                                    <a id="btn-cal-equips-export" class="btn btn-default">
                                        导出
                                    </a>
                                </div>
                            </div>
                            <div class="pane-cal-materials pane-cal-sub hidden">
                                <div class="header-wrapper">
                                    <div class="select-wrapper">
                                        <select id="chk-cal-materials-show" class="selectpicker" multiple
                                            data-width="fit" data-dropdown-align-right='auto'
                                            data-none-selected-text="固定显示列" data-selected-text-format="static">
                                            <option value='1' selected>展开按钮</option>
                                            <option value='2'>编号</option>
                                            <option value='4' selected>来源</option>
                                        </select>
                                    </div>
                                    <a id="btn-cal-materials-select-all" class="btn btn-default">
                                        选择全部食材
                                    </a>
                                    <a id="btn-cal-materials-deselect-all" class="btn btn-default">
                                        删除全部食材
                                    </a>
                                    <div class="inline-wrapper chk-cal-materials-origin">
                                        <label class="btn btn-default">
                                            <input type="checkbox" data-origin="1" checked>
                                            <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                            菜棚
                                        </label>
                                        <label class="btn btn-default">
                                            <input type="checkbox" data-origin="2" checked>
                                            <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                            菜地
                                        </label>
                                        <label class="btn btn-default">
                                            <input type="checkbox" data-origin="3" checked>
                                            <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                            森林
                                        </label>
                                        <label class="btn btn-default">
                                            <input type="checkbox" data-origin="4" checked>
                                            <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                            鸡舍
                                        </label>
                                        <label class="btn btn-default">
                                            <input type="checkbox" data-origin="5" checked>
                                            <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                            猪圈
                                        </label>
                                        <label class="btn btn-default">
                                            <input type="checkbox" data-origin="6" checked>
                                            <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                            牧场
                                        </label>
                                        <label class="btn btn-default">
                                            <input type="checkbox" data-origin="7" checked>
                                            <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                            作坊
                                        </label>
                                        <label class="btn btn-default">
                                            <input type="checkbox" data-origin="8" checked>
                                            <i class="fa fa-check glyphicon glyphicon-ok"></i>
                                            池塘
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane pane-info"></div>
                </div>
            </div>
        </div>

        <div class="tab-content">
            <div class="tab-pane pane-recipes active">
                <div>
                    <table id="recipe-table" class="table table-hover table-bordered" width="100%">
                    </table>
                    <table id="recipe-table-header" class="hidden">
                        <thead>
                            <tr>
                                <th></th>
                                <th>No.</th>
                                <th></th>
                                <th>菜名</th>
                                <th>星</th>
                                <th>炒</th>
                                <th>煮</th>
                                <th>切</th>
                                <th>炸</th>
                                <th>烤</th>
                                <th>蒸</th>
                                <th>调料</th>
                                <th>材料</th>
                                <th>单价</th>
                                <th>熟练加价</th>
                                <th>熟练时间</th>
                                <th>单时间</th>
                                <th>一组</th>
                                <th>总价</th>
                                <th>总时间</th>
                                <th>金币/h</th>
                                <th>耗材料/h</th>
                                <th>耗调料/h</th>
                                <th>来源</th>
                                <th>可解锁</th>
                                <th>可合成</th>
                                <th>类别</th>
                                <th>开业贵客</th>
                                <th>升阶贵客</th>
                                <th>神级符文</th>
                                <th>宴会贵客</th>
                                <th>品阶</th>
                                <th>熟练</th>
                                <th>已有</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
            <div class="tab-pane pane-chefs">
                <div>
                    <table id="chef-table" class="table table-hover table-bordered" width="100%">
                    </table>
                    <table id="chef-table-header" class="hidden">
                        <thead>
                            <tr>
                                <th></th>
                                <th>No.</th>
                                <th></th>
                                <th>名字</th>
                                <th>星</th>
                                <th>炒</th>
                                <th>煮</th>
                                <th>切</th>
                                <th>炸</th>
                                <th>烤</th>
                                <th>蒸</th>
                                <th>技能</th>
                                <th>肉</th>
                                <th>面</th>
                                <th>菜</th>
                                <th>鱼</th>
                                <th>性别</th>
                                <th>甜</th>
                                <th>酸</th>
                                <th>辣</th>
                                <th>咸</th>
                                <th>苦</th>
                                <th>鲜</th>
                                <th>来源</th>
                                <th>类别</th>
                                <th>遗玉</th>
                                <th>厨具</th>
                                <th>修炼任务</th>
                                <th>修炼技能</th>
                                <th>已修</th>
                                <th>已有</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
            <div class="tab-pane pane-equips">
                <div>
                    <table id="equip-table" class="table table-hover table-bordered" width="100%">
                        <thead>
                            <tr>
                                <th></th>
                                <th>No.</th>
                                <th></th>
                                <th>名字</th>
                                <th>星</th>
                                <th>技能</th>
                                <th>来源</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
            <div class="tab-pane pane-ambers">
                <div>
                    <table id="amber-table" class="table table-hover table-bordered" width="100%">
                        <thead>
                            <tr>
                                <th></th>
                                <th>No.</th>
                                <th></th>
                                <th>名字</th>
                                <th>星</th>
                                <th>颜色</th>
                                <th>技能</th>
                                <th>详细技能</th>
                                <th>来源</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
            <div class="tab-pane pane-decorations">
                <div>
                    <table id="decoration-table" class="table table-hover table-bordered" width="100%">
                        <thead>
                            <tr>
                                <th></th>
                                <th></th>
                                <th>No.</th>
                                <th></th>
                                <th>名字</th>
                                <th>收入加成</th>
                                <th>最小玉璧</th>
                                <th>最大玉璧</th>
                                <th>冷却时间</th>
                                <th>最小玉璧/天</th>
                                <th>最大玉璧/天</th>
                                <th>平均玉璧/天</th>
                                <th>位置</th>
                                <th>套装</th>
                                <th>套装加成</th>
                                <th>来源</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
            <div class="tab-pane pane-materials">
                <!-- <div class="alert alert-info"></div> -->
                <div class="header-wrapper">
                    <div class="select-wrapper">
                        <select id="select-material-origin" data-width="auto" data-dropdown-align-right='auto'></select>
                    </div>
                    <label class="btn btn-default" data-toggle="tooltip" title="是否使用季节加成">
                        <input type="checkbox" id="chk-material-season" class="monitor-none">
                        <i class="fa fa-check glyphicon glyphicon-ok"></i>
                        季节加成
                    </label>
                    <div class="input-group" data-toggle="tooltip" title="输入厨师/厨具素材获得加成">
                        <div class="input-group-addon">技能加成</div>
                        <input type="number" class="form-control monitor-none" id="input-material-addition"
                            placeholder="0">
                        <div class="input-group-addon">%</div>
                    </div>
                    <div class="input-group" data-toggle="tooltip" title="输入采集点数, 可过滤掉并采集不到的材料">
                        <div class="input-group-addon">采集点数</div>
                        <input type="number" class="form-control monitor-none" id="input-material-skill"
                            placeholder="不限">
                    </div>
                </div>
                <div>
                    <table id="material-table" class="table table-hover table-bordered" width="100%">
                        <thead>
                            <tr></tr>
                            <tr></tr>
                        </thead>
                    </table>
                </div>
            </div>
            <div class="tab-pane pane-condiments">
                <div>
                    <table id="condiment-table" class="table table-hover table-bordered" width="100%">
                        <thead>
                            <tr>
                                <th></th>
                                <th>No.</th>
                                <th></th>
                                <th>名字</th>
                                <th>星</th>
                                <th>技能</th>
                                <th>来源</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
            <div class="tab-pane pane-quest">
                <div>
                    <table id="quest-table" class="table table-hover table-bordered" width="100%">
                        <thead>
                            <tr>
                                <th>No.</th>
                                <th>前置</th>
                                <th>任务</th>
                                <th>奖励</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
            <div class="tab-pane pane-export-import">
                <h5 class="text-primary">官方数据导入</h5>
                <div class="form-group">
                    <input class="form-control" id="input-import-data" placeholder="校验码">
                </div>
                <button id="btn-import-data" class="btn btn-default" type="button"
                    data-toggle="tooltip" title="输入官方校验码, 然后点击该按钮导入数据">
                    导入数据
                </button>
                <hr>
                <h5 class="text-primary">个人数据备份 - 手动复制版</h5>
                <div class="form-group">
                    <textarea id="input-export-import" class="form-control"></textarea>
                </div>
                <button id="btn-export" class="btn btn-default" type="button" data-toggle="tooltip"
                    title="点击该按钮会在上方文本框内生成个人数据, 可拷贝复制到其他地方用于备份">
                    生成个人数据
                </button>
                <button id="btn-import" class="btn btn-default" type="button" data-toggle="tooltip"
                    title="将备份的个人数据复制到上方文本框内, 然后点击该按钮导入个人数据">
                    导入个人数据
                </button>
                <div id="import-msg-2" class="import-msg inline-div hidden"></div>
                <hr>
                <h5 class="text-primary">个人数据备份 - 文件版 (有的浏览器不支持)</h5>
                <div class="inline-div">
                    <button id="btn-export-download" class="btn btn-default" type="button" data-toggle="tooltip"
                        title="生成个人数据文件并下载">
                        下载个人数据文件
                    </button>
                </div>
                <div class="select-file inline-div" data-toggle="tooltip" title="选择本地的个人数据文件并导入">
                    <input id="file-import" type="file">
                    <button id="btn-import-upload" class="btn btn-default" type="button">
                        导入个人数据文件
                    </button>
                </div>
                <div id="import-msg" class="import-msg inline-div hidden"></div>
            </div>
            <div class="tab-pane pane-cal">
                <div id="pane-cal-settings" class='pane-cal-sub hidden'>
                    <div class="header-wrapper">
                        <div class="input-group">
                            <div class="input-group-addon">排序</div>
                            <div class="select-wrapper input-group-last">
                                <select id="select-cal-order" class="selectpicker" data-width="170px"
                                    data-dropdown-align-right='auto'>
                                    <option value='分数'>分数 一次性金币任务</option>
                                    <option value='时间'>时间 一次性时间任务</option>
                                    <option value='效率'>效率 金币/时间</option>
                                </select>
                            </div>
                        </div>
                        <div class="input-group">
                            <div class="input-group-addon">装饰加成</div>
                            <input type="number" class="form-control" id="input-cal-decoration">
                            <div class="input-group-addon">%</div>
                        </div>
                        <div id="cal-ultimate" class="cal-settings">
                            <h4>
                                <span class="label label-info">修炼</span>
                            </h4>
                            <div class="text-primary">技法</div>
                            <div class="input-group">
                                <div class="input-group-addon">炒</div>
                                <input type="number" class="form-control" id="input-cal-ultimate-stirfry">
                            </div>
                            <div class="input-group">
                                <div class="input-group-addon">煮</div>
                                <input type="number" class="form-control" id="input-cal-ultimate-boil">
                            </div>
                            <div class="input-group">
                                <div class="input-group-addon">切</div>
                                <input type="number" class="form-control" id="input-cal-ultimate-knife">
                            </div>
                            <div class="input-group">
                                <div class="input-group-addon">炸</div>
                                <input type="number" class="form-control" id="input-cal-ultimate-fry">
                            </div>
                            <div class="input-group">
                                <div class="input-group-addon">烤</div>
                                <input type="number" class="form-control" id="input-cal-ultimate-bake">
                            </div>
                            <div class="input-group">
                                <div class="input-group-addon">蒸</div>
                                <input type="number" class="form-control" id="input-cal-ultimate-steam">
                            </div>
                            <div class="input-group">
                                <div class="input-group-addon">男厨全技法</div>
                                <input type="number" class="form-control" id="input-cal-ultimate-male-skill">
                            </div>
                            <div class="input-group">
                                <div class="input-group-addon">女厨全技法</div>
                                <input type="number" class="form-control" id="input-cal-ultimate-female-skill">
                            </div>
                            <div class="text-primary">菜谱上限</div>
                            <div class="input-group">
                                <div class="input-group-addon">1星</div>
                                <input type="number" class="form-control" id="input-cal-ultimate-1-limit">
                            </div>
                            <div class="input-group">
                                <div class="input-group-addon">2星</div>
                                <input type="number" class="form-control" id="input-cal-ultimate-2-limit">
                            </div>
                            <div class="input-group">
                                <div class="input-group-addon">3星</div>
                                <input type="number" class="form-control" id="input-cal-ultimate-3-limit">
                            </div>
                            <div class="input-group">
                                <div class="input-group-addon">4星</div>
                                <input type="number" class="form-control" id="input-cal-ultimate-4-limit">
                            </div>
                            <div class="input-group">
                                <div class="input-group-addon">5星</div>
                                <input type="number" class="form-control" id="input-cal-ultimate-5-limit">
                            </div>
                            <div class="text-primary">菜谱售价</div>
                            <div class="input-group">
                                <div class="input-group-addon">1星</div>
                                <input type="number" class="form-control" id="input-cal-ultimate-1-price">
                                <div class="input-group-addon">%</div>
                            </div>
                            <div class="input-group">
                                <div class="input-group-addon">2星</div>
                                <input type="number" class="form-control" id="input-cal-ultimate-2-price">
                                <div class="input-group-addon">%</div>
                            </div>
                            <div class="input-group">
                                <div class="input-group-addon">3星</div>
                                <input type="number" class="form-control" id="input-cal-ultimate-3-price">
                                <div class="input-group-addon">%</div>
                            </div>
                            <div class="input-group">
                                <div class="input-group-addon">4星</div>
                                <input type="number" class="form-control" id="input-cal-ultimate-4-price">
                                <div class="input-group-addon">%</div>
                            </div>
                            <div class="input-group">
                                <div class="input-group-addon">5星</div>
                                <input type="number" class="form-control" id="input-cal-ultimate-5-price">
                                <div class="input-group-addon">%</div>
                            </div>
                            <div>
                                <div class="select-wrapper">
                                    <select id="chk-cal-partial-ultimate" multiple data-live-search="true"
                                        data-live-search-placeholder="查找" data-width="150px"
                                        data-dropdown-align-right='auto' data-none-selected-text="上场类已修炼 0"
                                        data-selected-text-format="count>0" data-count-selected-text="上场类已修炼 {0}"
                                        data-none-results-text="没有找到" data-actions-box="true" data-select-all-text="全选"
                                        data-deselect-all-text="清空"></select>
                                </div>
                                <div class="select-wrapper">
                                    <select id="chk-cal-self-ultimate" multiple data-live-search="true"
                                        data-live-search-placeholder="查找" data-width="150px"
                                        data-dropdown-align-right='auto' data-none-selected-text="个人类已修炼 0"
                                        data-selected-text-format="count>0" data-count-selected-text="个人类已修炼 {0}"
                                        data-none-results-text="没有找到" data-actions-box="true" data-select-all-text="全选"
                                        data-deselect-all-text="清空"></select>
                                </div>
                                <div class="select-wrapper">
                                    <select id="chk-cal-ex" multiple data-live-search="true"
                                        data-live-search-placeholder="查找" data-width="150px"
                                        data-dropdown-align-right='auto' data-none-selected-text="菜谱已熟练 0"
                                        data-selected-text-format="count>0" data-count-selected-text="菜谱已熟练 {0}"
                                        data-none-results-text="没有找到" data-actions-box="true" data-select-all-text="全选"
                                        data-deselect-all-text="清空"></select>
                                </div>
                            </div>
                            <button id="btn-cal-load-ultimate" class="btn btn-default" type="button"
                                data-toggle="tooltip" title="读取图鉴中的个人已修炼数据">
                                读取已修炼
                            </button>
                            <button id="btn-cal-load-all-ultimate" class="btn btn-default" type="button">
                                读取全修炼
                            </button>
                            <button id="btn-cal-clear-ultimate" class="btn btn-default" type="button">
                                清空修炼
                            </button>
                        </div>
                        <div id="cal-activity" class="cal-settings">
                            <h4>
                                <span class="label label-info">奇珍加成</span>
                            </h4>
                            <div>
                                <div class="input-group">
                                    <div class="input-group-addon">炒售价</div>
                                    <input type="number" class="form-control" id="input-cal-activity-stirfry-price">
                                    <div class="input-group-addon">%</div>
                                </div>
                                <div class="input-group">
                                    <div class="input-group-addon">烤售价</div>
                                    <input type="number" class="form-control" id="input-cal-activity-bake-price">
                                    <div class="input-group-addon">%</div>
                                </div>
                                <div class="input-group">
                                    <div class="input-group-addon">蒸售价</div>
                                    <input type="number" class="form-control" id="input-cal-activity-steam-price">
                                    <div class="input-group-addon">%</div>
                                </div>
                                <div class="input-group">
                                    <div class="input-group-addon">煮售价</div>
                                    <input type="number" class="form-control" id="input-cal-activity-boil-price">
                                    <div class="input-group-addon">%</div>
                                </div>
                                <div class="input-group">
                                    <div class="input-group-addon">炸售价</div>
                                    <input type="number" class="form-control" id="input-cal-activity-fry-price">
                                    <div class="input-group-addon">%</div>
                                </div>
                                <div class="input-group">
                                    <div class="input-group-addon">切售价</div>
                                    <input type="number" class="form-control" id="input-cal-activity-knife-price">
                                    <div class="input-group-addon">%</div>
                                </div>
                            </div>
                            <div>
                                <div class="input-group">
                                    <div class="input-group-addon">酸售价</div>
                                    <input type="number" class="form-control" id="input-cal-activity-sour-price">
                                    <div class="input-group-addon">%</div>
                                </div>
                                <div class="input-group">
                                    <div class="input-group-addon">甜售价</div>
                                    <input type="number" class="form-control" id="input-cal-activity-sweet-price">
                                    <div class="input-group-addon">%</div>
                                </div>
                                <div class="input-group">
                                    <div class="input-group-addon">苦售价</div>
                                    <input type="number" class="form-control" id="input-cal-activity-bitter-price">
                                    <div class="input-group-addon">%</div>
                                </div>
                                <div class="input-group">
                                    <div class="input-group-addon">辣售价</div>
                                    <input type="number" class="form-control" id="input-cal-activity-spicy-price">
                                    <div class="input-group-addon">%</div>
                                </div>
                                <div class="input-group">
                                    <div class="input-group-addon">咸售价</div>
                                    <input type="number" class="form-control" id="input-cal-activity-salty-price">
                                    <div class="input-group-addon">%</div>
                                </div>
                                <div class="input-group">
                                    <div class="input-group-addon">鲜售价</div>
                                    <input type="number" class="form-control" id="input-cal-activity-tasty-price">
                                    <div class="input-group-addon">%</div>
                                </div>
                            </div>
                            <div>
                                <div class="input-group">
                                    <div class="input-group-addon">菜类售价</div>
                                    <input type="number" class="form-control" id="input-cal-activity-vegetable-price">
                                    <div class="input-group-addon">%</div>
                                </div>
                                <div class="input-group">
                                    <div class="input-group-addon">面类售价</div>
                                    <input type="number" class="form-control" id="input-cal-activity-creation-price">
                                    <div class="input-group-addon">%</div>
                                </div>
                                <div class="input-group">
                                    <div class="input-group-addon">鱼类售价</div>
                                    <input type="number" class="form-control" id="input-cal-activity-fish-price">
                                    <div class="input-group-addon">%</div>
                                </div>
                                <div class="input-group">
                                    <div class="input-group-addon">肉类售价</div>
                                    <input type="number" class="form-control" id="input-cal-activity-meat-price">
                                    <div class="input-group-addon">%</div>
                                </div>
                                <div class="input-group">
                                    <div class="input-group-addon">总售价</div>
                                    <input type="number" class="form-control" id="input-cal-activity-gold-price">
                                    <div class="input-group-addon">%</div>
                                </div>
                            </div>
                            <div>
                                <div class="input-group">
                                    <div class="input-group-addon">炒技法</div>
                                    <input type="number" class="form-control" id="input-cal-activity-stirfry">
                                </div>
                                <div class="input-group">
                                    <div class="input-group-addon">烤技法</div>
                                    <input type="number" class="form-control" id="input-cal-activity-bake">
                                </div>
                                <div class="input-group">
                                    <div class="input-group-addon">蒸技法</div>
                                    <input type="number" class="form-control" id="input-cal-activity-steam">
                                </div>
                                <div class="input-group">
                                    <div class="input-group-addon">煮技法</div>
                                    <input type="number" class="form-control" id="input-cal-activity-boil">
                                </div>
                                <div class="input-group">
                                    <div class="input-group-addon">炸技法</div>
                                    <input type="number" class="form-control" id="input-cal-activity-fry">
                                </div>
                                <div class="input-group">
                                    <div class="input-group-addon">切技法</div>
                                    <input type="number" class="form-control" id="input-cal-activity-knife">
                                </div>
                            </div>
                            <div>
                                <div class="input-group">
                                    <div class="input-group-addon">1星菜谱上限</div>
                                    <input type="number" class="form-control" id="input-cal-activity-1-limit">
                                </div>
                                <div class="input-group">
                                    <div class="input-group-addon">2星菜谱上限</div>
                                    <input type="number" class="form-control" id="input-cal-activity-2-limit">
                                </div>
                                <div class="input-group">
                                    <div class="input-group-addon">3星菜谱上限</div>
                                    <input type="number" class="form-control" id="input-cal-activity-3-limit">
                                </div>
                                <div class="input-group">
                                    <div class="input-group-addon">4星菜谱上限</div>
                                    <input type="number" class="form-control" id="input-cal-activity-4-limit">
                                </div>
                                <div class="input-group">
                                    <div class="input-group-addon">5星菜谱上限</div>
                                    <input type="number" class="form-control" id="input-cal-activity-5-limit">
                                </div>
                            </div>
                            <button id="btn-cal-clear-activity" class="btn btn-default" type="button">
                                清空加成
                            </button>
                        </div>
                        <div>
                            <hr>
                            <h4>
                                <span class="label label-info">白菜菊花数据导入</span>
                            </h4>
                            <h5 class="text-danger">只用于计算器, 不会保存, 也不会覆盖本图鉴的个人数据. 每次加载规则后需要重新导入.</h5>
                            <h5 class="text-primary">云端版</h5>
                            <div class="form-group">
                                <input type="number" class="form-control" id="input-import-bcjh-cloud"
                                    placeholder="数据ID">
                            </div>
                            <button id="btn-import-bcjh-cloud" class="btn btn-default" type="button"
                                data-toggle="tooltip" title="输入白菜菊花云端数据ID, 然后点击该按钮导入白菜菊花数据">
                                导入白菜菊花数据
                            </button>
                            <div id="import-msg-bcjh-cloud" class="import-msg inline-div hidden"></div>
                            <h5 class="text-primary">手动复制版</h5>
                            <div class="form-group">
                                <textarea id="input-import-bcjh-text" class="form-control"></textarea>
                            </div>
                            <button id="btn-import-bcjh-text" class="btn btn-default" type="button"
                                data-toggle="tooltip" title="将备份的白菜菊花数据复制到上方文本框内, 然后点击该按钮导入白菜菊花数据">
                                导入白菜菊花数据
                            </button>
                            <div id="import-msg-bcjh-text" class="import-msg inline-div hidden"></div>
                            <h5 class="text-primary">文件版 (有的浏览器不支持)</h5>
                            <div class="select-file inline-div" data-toggle="tooltip" title="选择本地的白菜菊花数据文件并导入">
                                <input id="file-import-bcjh" type="file">
                                <button id="btn-import-upload" class="btn btn-default" type="button">
                                    导入白菜菊花数据文件
                                </button>
                            </div>
                            <div id="import-msg-bcjh-file" class="import-msg inline-div hidden"></div>
                        </div>
                    </div>
                </div>
                <div id="pane-cal-rules" class='pane-cal-rules pane-cal-sub hidden'>
                    <div id="pane-cal-custom">
                        <div class="cal-custom-item">
                            <div class="rule-desc"></div>
                            <div class="selected-sum-wrapper">
                                <span class='btn-resize glyphicon glyphicon-resize-small'></span>
                                <div class="selected-sum"></div>
                            </div>
                            <div class="selected-item-wrapper">
                                <div class="selected-item">
                                    <div class="chef-box selected-box edit-box">
                                        <div class="chef-placeholder"></div>
                                        <div class="chef-box-1">
                                            <div class="content"></div>
                                            <div class="select-picker">
                                                <select class='selectpicker select-picker-chef' data-width="auto"
                                                    data-live-search="true" data-live-search-style="commaSplitContains"
                                                    data-live-search-placeholder="查找" data-dropdown-align-right='auto'
                                                    data-none-results-text="没有找到" data-actions-box="true"
                                                    data-deselect-all-text="清空" data-done-button="true"
                                                    data-done-button-text="关闭"></select>
                                            </div>
                                        </div>
                                        <div class="chef-box-2">
                                            <div class="disk-level-box edit-box">
                                                <div class="content"></div>
                                                <div class="select-picker position-c">
                                                    <select class='selectpicker select-picker-disk-level' data-width="auto"
                                                        data-dropdown-align-right='auto' data-done-button="true"
                                                        data-done-button-text="关闭"></select>
                                                </div>
                                            </div>
                                            <div class="disk-box edit-box">
                                                <div class="content"></div>
                                                <div class="select-picker">
                                                    <select class='selectpicker select-picker-amber' data-width="auto"
                                                        data-live-search="true" data-live-search-style="commaSplitContains"
                                                        data-live-search-placeholder="查找" data-dropdown-align-right='auto'
                                                        data-none-results-text="没有找到" data-actions-box="true"
                                                        data-deselect-all-text="清空" data-done-button="true"
                                                        data-done-button-text="关闭"></select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="equip-box selected-box edit-box">
                                        <div class="content"></div>
                                        <div class="select-picker">
                                            <select class='selectpicker select-picker-equip' data-width="auto"
                                                data-live-search="true" data-live-search-style="commaSplitContains"
                                                data-live-search-placeholder="查找" data-dropdown-align-right='auto'
                                                data-none-results-text="没有找到" data-actions-box="true"
                                                data-deselect-all-text="清空" data-done-button="true"
                                                data-done-button-text="关闭"></select>
                                        </div>
                                    </div>
                                    <div class="condiment-box selected-box edit-box">
                                        <div class="content"></div>
                                        <div class="select-picker">
                                            <select class='selectpicker select-picker-condiment' data-width="auto"
                                                data-live-search="true" data-live-search-style="commaSplitContains"
                                                data-live-search-placeholder="查找" data-dropdown-align-right='auto'
                                                data-none-results-text="没有找到" data-actions-box="true"
                                                data-deselect-all-text="清空" data-done-button="true"
                                                data-done-button-text="关闭"></select>
                                        </div>
                                    </div>
                                    <div class="recipe-box selected-box edit-box">
                                        <div class="recipe-placeholder"></div>
                                        <div class="recipe-box-1">
                                            <div class="content"></div>
                                            <div class="recipe-qec">
                                                <div class="recipe-quantity">
                                                    <input type="number" min="0" class="form-control arrow"> /
                                                    <span class="max"></span>
                                                    <span class="available"></span>
                                                </div>
                                                <div class="recipe-ex">
                                                    <label class="chk-label">
                                                        <input type="checkbox">
                                                        <span><span>专</span>精</span>
                                                    </label>
                                                </div>
                                                <div class="recipe-condiment">
                                                    <label class="chk-label">
                                                        <input type="checkbox" checked>
                                                        <span><span>加</span>料</span>
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="recipe-result">
                                                <div class="content"></div>
                                            </div>
                                            <div class="select-picker">
                                                <select class='selectpicker select-picker-recipe' data-width="auto"
                                                    data-live-search="true" data-live-search-style="commaSplitContains"
                                                    data-live-search-placeholder="查找" data-dropdown-align-right='auto'
                                                    data-none-results-text="没有找到" data-actions-box="true"
                                                    data-deselect-all-text="清空" data-done-button="true"
                                                    data-done-button-text="关闭"></select>
                                            </div>
                                        </div>
                                        <div class="recipe-box-2">
                                            <div class="content"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="pane-cal-recipes" class='pane-cal-recipes pane-cal-sub hidden'>
                    <div>
                        <table id="cal-recipes-table" class="table table-hover table-bordered" width="100%">
                            <thead>
                                <tr>
                                    <th></th>
                                    <th></th>
                                    <th>No.</th>
                                    <th></th>
                                    <th>菜名</th>
                                    <th>剩余</th>
                                    <th>最大</th>
                                    <th>得分</th>
                                    <th>最大得分</th>
                                    <th>总时间</th>
                                    <th>金币/h</th>
                                    <th>规则加成</th>
                                    <th>修炼加成</th>
                                    <th>装饰加成</th>
                                    <th>星</th>
                                    <th>调料</th>
                                    <th>炒</th>
                                    <th>煮</th>
                                    <th>切</th>
                                    <th>炸</th>
                                    <th>烤</th>
                                    <th>蒸</th>
                                    <th>材料</th>
                                    <th>单价</th>
                                    <th>熟练加价</th>
                                    <th>单时间</th>
                                    <th>来源</th>
                                    <th>类别</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
                <div id="pane-cal-chefs" class='pane-cal-chefs pane-cal-sub hidden'>
                    <div>
                        <table id="cal-chefs-table" class="table table-hover table-bordered" width="100%">
                            <thead>
                                <tr>
                                    <th></th>
                                    <th></th>
                                    <th>No.</th>
                                    <th>名字</th>
                                    <th>星</th>
                                    <th>炒</th>
                                    <th>煮</th>
                                    <th>切</th>
                                    <th>炸</th>
                                    <th>烤</th>
                                    <th>蒸</th>
                                    <th>技能</th>
                                    <th>性别</th>
                                    <th>来源</th>
                                    <th>类别</th>
                                    <th>加成</th>
                                    <th>厨具</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
                <div id="pane-cal-equips" class='pane-cal-equips pane-cal-sub hidden'>
                    <div>
                        <table id="cal-equips-table" class="table table-hover table-bordered" width="100%">
                            <thead>
                                <tr>
                                    <th></th>
                                    <th></th>
                                    <th>No.</th>
                                    <th>名字</th>
                                    <th>星</th>
                                    <th>技能</th>
                                    <th>来源</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
                <div id="pane-cal-materials" class='pane-cal-materials pane-cal-sub hidden'>
                    <div>
                        <table id="cal-materials-table" class="table table-hover table-bordered" width="100%">
                            <thead>
                                <tr>
                                    <th></th>
                                    <th></th>
                                    <th>No.</th>
                                    <th>名字</th>
                                    <th>来源</th>
                                    <th>数量</th>
                                    <th>加成</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
                <div id="pane-cal-optimal-results" class='pane-cal-sub hidden'>
                    <div class="header-wrapper">
                        <div class="select-wrapper">
                            <select id="select-cal-type" class="selectpicker" data-width="100px"
                                data-dropdown-align-right='auto'>
                                <option value='mode1'>正常模式</option>
                                <option value='mode2'>选菜模式</option>
                                <option value='mode3'>脚本模式</option>
                                <option value='guest'>贵客模式</option>
                            </select>
                        </div>
                        <label class="btn btn-default">
                            <input type="checkbox" id="chk-cal-results-no-equips">
                            <i class="fa fa-check glyphicon glyphicon-ok"></i>
                            不带厨具
                        </label>
                        <label class="btn btn-default">
                            <input type="checkbox" id="chk-cal-results-add-equips">
                            <i class="fa fa-check glyphicon glyphicon-ok"></i>
                            无厨具可带厨具
                        </label>
                        <label class="btn btn-default">
                            <input type="checkbox" id="chk-cal-results-change-equips">
                            <i class="fa fa-check glyphicon glyphicon-ok"></i>
                            有厨具可换厨具
                        </label>
                        <label class="btn btn-default">
                            <input type="checkbox" id="chk-cal-results-use-condiment">
                            <i class="fa fa-check glyphicon glyphicon-ok"></i>
                            调料
                        </label>
                        <label class="btn btn-default">
                            <input type="checkbox" id="chk-cal-results-filter-equip-condiment">
                            <i class="fa fa-check glyphicon glyphicon-ok"></i>
                            过滤厨具调料
                        </label>
                        <div class="input-group">
                            <div class="input-group-addon">最低分</div>
                            <input type="number" class="form-control" id="input-cal-min-score">
                        </div>
                        <div class="input-group">
                            <div class="input-group-addon">线程</div>
                            <input type="number" class="form-control" id="input-cal-thread">
                        </div>
                        <button class="btn btn-default btn-cal-results-cal start" type="button">
                            <span class="glyphicon glyphicon-pencil"></span>&nbsp;开始计算
                        </button>
                        <button class="btn btn-default btn-cal-results-cal stop" type="button" disabled>
                            <span class="glyphicon glyphicon-ban-circle"></span>&nbsp;停止计算
                        </button>
                    </div>
                    <div class="header-wrapper">
                        <div class="select-wrapper">
                            <select id="select-cal-save" class="selectpicker" data-width="auto"
                                data-dropdown-align-right='auto' data-none-selected-text="选择保存">
                                <option></option>
                            </select>
                        </div>
                        <a id="btn-cal-save-clear" class="btn btn-default">清空保存</a>
                        <div id="cal-save-result" class="input-group hidden">
                            <input type="text" class="form-control" id="input-cal-save-name" placeholder="名字">
                            <span class="input-group-btn">
                                <a id="btn-cal-save" class="btn btn-default">保存结果</a>
                            </span>
                        </div>
                    </div>
                    <div class="cal-results-progress hidden">
                        <div class="progress">
                            <div class="progress-bar progress-bar-striped active">
                                <span>计算中</span>
                            </div>
                        </div>
                    </div>
                    <div class="optimal-result table-responsive"></div>
                </div>
            </div>
            <div class="tab-pane pane-info">
                <h4>
                    <span class="label label-primary">说明</span>
                </h4>
                <p class="text-primary">国外镜像 -
                    <a href='https://foodgame.github.io'>https://foodgame.github.io</a> (国内访问会有速度慢和偶尔访问不了的情况)
                </p>
                <!-- <p class="text-primary">备份镜像 -
                    <a href='https://foodgame.top'>https://foodgame.top</a>
                </p>
                <p class="text-primary">注意, 个人数据在两个网站不同步, 换网站时可在原网站导出个人数据, 再在新网站导入数据.</p> -->
                <br>
                <p>点击列名可以排序. 搜索框可同时搜索多个, 中间用空格分隔.</p>
                <p>搜索框可同时搜索多个, 中间用空格分隔.</p>
                <br>
                <h4>
                    <span class="label label-info">装修图签</span>
                </h4>
                <p>假设玉壁值是均匀分布, 计算的平均玉壁/天(24小时). 考虑不能按时收玉, 固分成两种算法:</p>
                <p>理论值：准时收玉, 比如23小时的桌子就一直23小时收</p>
                <p>实际值：n天20~23小时的桌子一直是n+1天收一次</p>
                <br>
                <h4>
                    <span class="label label-info">任务图鉴</span>
                </h4>
                <p>旧支线任务编号解释 - 举例支线123.1, 代表主线任务123会解锁</p>
                <br>
                <h4>
                    <span class="label label-info">计算器</span>
                </h4>
                <p>正常营业 - 用于算一次性经营金币或时间的任务</p>
                <p>黑色字体的总时间都不包含厨师厨具的加成, 最终时间看上方的蓝色字体总时间</p>
                <p>修改菜谱厨师图鉴中的已有/遗玉/厨具数据后, 需要重新加载计算器</p>
                <p>修改菜谱厨师图鉴中的已熟练/已修炼数据后, 需要点击读取已修炼并重新计算</p>
                <br>
                <p>厨神, 限时, 宴会跑分计算器 - <a href="https://h5.baochaojianghu.com" target="_blank">白菜菊花</a></p>
                <br>
                <h4>
                    <span class="label label-info">个人数据</span>
                </h4>
                <p>个人数据保存在浏览器端, 正常情况下下次打开网站时数据不会丢失.</p>
                <p>如需要更换设备或防止浏览器缓存被清空等情况, 可使用个人数据备份功能.</p>
                <hr>
                <h4>
                    <span class="label label-primary">联系</span>
                </h4>
                <p>贴吧1群 名字 L(图鉴网)</p>
                <hr>
                <h4>
                    <span class="label label-primary">更新</span>
                </h4>
                <div id="data-history"></div>
                <div id="pagination-history"></div>
                <hr>
                <h4>
                    <span class="label label-primary">致谢</span>
                </h4>
                <p>感谢Boketto提供的菜谱数据. 感谢闲时和小熊提供的升阶贵客符文数据. 感谢梨大只提供的数据.</p>
            </div>
        </div>
    </div>

    <div class="modal center" id="disk-modal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header text-center">
                    <a class="close" data-dismiss="modal"><span>&times;</span></a>
                    <span class="modal-title"><span class="chef-name"></span> 心法盘</h3>
                </div>
                <div class="modal-body dd-select-picker">
                    <div class="text-center">
                        <select class='selectpicker select-chef-disk-level' data-width="fit"
                            data-dropdown-align-right='auto'></select>
                    </div>
                    <div class="amber-box">
                        <div>
                            <select class='selectpicker select-chef-amber' data-width="95px"
                                data-live-search="true" data-live-search-style="commaSplitContains"
                                data-live-search-placeholder="查找" data-dropdown-align-right='auto'
                                data-none-results-text="没有找到" data-actions-box="true"
                                data-deselect-all-text="清空"></select>
                        </div>
                        <div class="content"></div>
                    </div>
                    <div class="amber-box">
                        <div>
                            <select class='selectpicker select-chef-amber' data-width="95px"
                                data-live-search="true" data-live-search-style="commaSplitContains"
                                data-live-search-placeholder="查找" data-dropdown-align-right='auto'
                                data-none-results-text="没有找到" data-actions-box="true"
                                data-deselect-all-text="清空"></select>
                        </div>
                        <div class="content"></div>
                    </div>
                    <div class="amber-box">
                        <div>
                            <select class='selectpicker select-chef-amber' data-width="95px"
                                data-live-search="true" data-live-search-style="commaSplitContains"
                                data-live-search-placeholder="查找" data-dropdown-align-right='auto'
                                data-none-results-text="没有找到" data-actions-box="true"
                                data-deselect-all-text="清空"></select>
                        </div>
                        <div class="content"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal center" id="import-run-modal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header text-center">
                    <a class="close" data-dismiss="modal"><span>&times;</span></a>
                    <span class="modal-title">导入跑分结果</h3>
                </div>
                <div class="modal-body text-center">
                    <p class='text-primary'>将宴会跑分结果复制到框中 (只导入厨师和菜谱)</p>
                    <div class="form-group">
                        <textarea id="input-import-run" class="form-control"></textarea>
                    </div>
                    <button id="btn-import-run" class="btn btn-default" type="button">导入</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal" id="setting-modal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header text-center">
                    <a class="close" data-dismiss="modal"><span>&times;</span></a>
                    <span class="modal-title">设置</h3>
                </div>
                <div class="modal-body">
                    <p>
                        <input type="checkbox" id="chk-setting-desktop" data-toggle="toggle" data-on="桌面版"
                            data-off="手机版" data-onstyle="default" data-size="small" data-width="65px" checked>
                        <span class="setting-tip">
                            桌面版/手机版布局
                        </span>
                    </p>
                    <p>
                        <input type="checkbox" id="chk-setting-show-help" data-toggle="toggle" data-on="帮助开"
                            data-off="帮助关" data-onstyle="default" data-size="small" data-width="65px" checked>
                        <span class="setting-tip">
                            鼠标指向按钮时显示帮助信息
                        </span>
                    </p>
                    <p class="mobile-setting">
                        <input type="checkbox" id="chk-setting-expand-btn" data-toggle="toggle" data-on="按钮格"
                            data-off="任意格" data-onstyle="default" data-size="small" data-width="65px" checked>
                        <span class="setting-tip">
                            点击显示所有非固定列内容
                        </span>
                    </p>
                    <p>
                        <input type="checkbox" id="chk-setting-auto-update" data-toggle="toggle" data-on="自动重载"
                            data-off="手动重载" data-onstyle="default" data-size="small" data-width="80px" checked>
                        <span class="setting-tip">
                            编辑已熟练/已修炼/遗玉/厨具列后自动重新计算加载 一次性录入很多时可改为手动
                        </span>
                    </p>
                    <p>
                        <input type="checkbox" id="chk-setting-show-final" data-toggle="toggle" data-on="显示最终值"
                            data-off="显示加成值" data-onstyle="default" data-size="small" data-width="90px" checked>
                        <span class="setting-tip">
                            已熟练/已修炼/遗玉/厨具加成的显示方式 比如单价显示8还是7+1
                        </span>
                    </p>
                    <p>
                        <input type="checkbox" id="chk-setting-done-mark" data-toggle="toggle" data-on="完成标识开"
                            data-off="完成标识关" data-onstyle="default" data-size="small" data-width="90px" checked>
                        <span class="setting-tip">
                            根据你的菜谱品阶 完成的升阶贵客和神级符文灰色显示
                        </span>
                    </p>
                    <p>
                    <div class="select-wrapper">
                        <select id="select-setting-page-length" class="selectpicker" data-style="btn btn-default btn-sm"
                            data-width="70px" data-dropdown-align-right='auto'>
                            <option value='5'>5</option>
                            <option value='10'>10</option>
                            <option value='20' selected>20</option>
                            <option value='50'>50</option>
                            <option value='100'>100</option>
                            <option value='-1'>所有</option>
                        </select>
                    </div>
                    <span class="setting-tip">
                        一页显示多少个
                    </span>
                    </p>
                </div>
            </div>
        </div>
    </div>

    <div class="modal" id="menu-modal" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-body">
                    <a class="close" data-dismiss="modal"><span>&times;</span></a>
                </div>
            </div>
        </div>
    </div>
</body>

</html>